diaryList 를 컴포넌트 porps으로 안내리고 map을 돌린 뒤 값을 prop 하는 이유가 궁금합니다.

<div>
    {diaryList.map(it => {
        <DiaryItem key={it.id} {...it} />
    })}
</div>

강의중 궁금한부분이 있습니다. 반복문 map 돌려서 컴포넌트에 값을 주고 있는데요. 왜 컴포넌트에 통째로 diaryList를 props로 내리지 않는지 궁금합니다. 만약 내린다면

<DiaryItem itemList={diaryList} />

위처럼 내려서 해당 컴포넌트에서 map을 돌리지 않는 이유가 궁금합니다!