[React.js] props로 받은 배열을 동적 할당하기

// props 배열을 받아 map으로 신규 배열 생성
// for문을 안 돌려도 map 한번으로 해결이 된다!
{props.items.map((expense) => {
  return (
    <ExpenseItem
      title={expense.title}
      amount={expense.amount}
      date={expense.date}
    ></ExpenseItem>
  );
})}

부모로부터 props 배열을 받아 아래와 같이 map을 사용하여 각 배열을 순환하며 코드를 실행할 수 있다.

props.'key'.map(()=>{return 실행코드})

 

어떠한 리스트를 props로 받아온 후 return값에 컴포넌트를 넣으면 화면에 props 리스트를 동적으로 할당할 수 있게 된다.