작성
·
350
0
<div>
{diaryList.map(it => {
<DiaryItem key={it.id} {...it} />
})}
</div>
강의중 궁금한부분이 있습니다. 반복문 map 돌려서 컴포넌트에 값을 주고 있는데요. 왜 컴포넌트에 통째로 diaryList를 props로 내리지 않는지 궁금합니다. 만약 내린다면
<DiaryItem itemList={diaryList} />
위처럼 내려서 해당 컴포넌트에서 map을 돌리지 않는 이유가 궁금합니다!
답변 1
1
안녕하세요 이정환입니다.
우선 DiaryItem 컴포넌트는 딱 하나의 아이템을 렌더링하기 위해 존재합니다. 따라서 해당 컴포넌트는 딱 자기 자신이 렌더링하는 일기 데이터만 받으면 될 뿐 그 이외의 데이터는 모두 불필요합니다.
불필요한 데이터를 Props로 받게 되면 리렌더링 관련 이슈가 발생할 수 있기 때문에 성능상에서도 좋지 않습니다.