• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

Props 접근 방식 질문

23.07.18 20:36 작성 23.07.18 20:47 수정 조회수 228

0

안녕하세요. 섹션5 4번째 강의를 수강하면서 궁금한 게 생겨 질문글 남김니다.

강의 영상 7:02 쯤에서 App.js에서 정의한 dummyList를 하위의 컴포넌트인 DiaryList에서 받아올 때 ({diaryList}) => {...}라고 객체를 직접적으로 명시해서 전달하는 방법을 확인하였습니다. 그런데 이 방식말고도 const DiaryList = (props) => {..} 이렇게 전달받아서 함수 내에서 props.diaryList로 리스트에 접근하는 것도 가능하다는 것을 알게 되었습니다.

하위 컴포넌트에서 (props.전달인자명)으로 접근하는 것과 ({전달인자명})으로 접근하는 것의 차이가 있는 지 궁금합니다.

답변 1

답변을 작성해보세요.

0

안녕하세요 이정환입니다.

결론부터 말씀드리자면 두 방식의 차이는 없습니다.

보통 Props로 제공받는 값이 많거나 혹은 이름이 길 경우 props.~~ 로 접근하도록 만들면 타이핑 해야 할 양이 많아지기도 하고 가독성이 떨어지는 느낌을 주기도 하기 때문에 보통은 구조분해 할당과 함께 사용합니다.