안녕하세요. 섹션5 4번째 강의를 수강하면서 궁금한 게 생겨 질문글 남김니다.강의 영상 7:02 쯤에서 App.js에서 정의한 dummyList를 하위의 컴포넌트인 DiaryList에서 받아올 때 ({diaryList}) =&gt; {...}라고 객체를 직접적으로 명시해서 전달하는 방법을 확인하였습니다. 그런데 이 방식말고도 const DiaryList = (props) =&gt; {..} 이렇게 전달받아서 함수 내에서 props.diaryList로 리스트에 접근하는 것도 가능하다는 것을 알게 되었습니다.하위 컴포넌트에서 (props.전달인자명)으로 접근하는 것과 ({전달인자명})으로 접근하는 것의 차이가 있는 지 궁금합니다.

안녕하세요 이정환입니다.결론부터 말씀드리자면 두 방식의 차이는 없습니다. 보통 Props로 제공받는 값이 많거나 혹은 이름이 길 경우 props.~~ 로 접근하도록 만들면 타이핑 해야 할 양이 많아지기도 하고 가독성이 떨어지는 느낌을 주기도 하기 때문에 보통은 구조분해 할당과 함께 사용합니다.

인프런 커뮤니티 질문&답변

Props 접근 방식 질문