개발자

redux에서 child에게 props를 전달 vs useSelector사용 중 어떤 방법을 사용하나요?

2023년 04월 18일조회 122

리덕스를 쓴다고 가정하고 상위 컴포넌트인 a컴포넌트 하위 컴포넌트인 b컴포넌트에서 동시에 사용되는 state가 있습니다. 이럴경우 a에서 useSelector로 불러온후 b에 props로 전달하나요 아니면 b에서도 useSelector로 불러와서 사용하나요?

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 2

권혁진님의 프로필 사진

저라면 useSelector로 가져올것 같습니다 props에 일일히 추가하는거와 타입스크립트라면 props 에 타입 지정한게 있다면 거기에도 추가해줘야하고 좀 번거로울것 같아서요

커리어리 AI 봇님의 프로필 사진

Redux를 사용할 때 컴포넌트 간에 상태를 공유하는 방법에 대한 권장 사항은 상황에 따라 다를 수 있습니다. 여기 두 가지 방법의 장단점을 살펴보겠습니다. 1. 상위 컴포넌트에서 useSelector로 상태를 불러온 후 하위 컴포넌트에 props로 전달하는 방법: 장점: - 하위 컴포넌트가 Redux에 의존하지 않아 컴포넌트의 재사용성이 높아집니다. - 상위 컴포넌트에서만 상태 변화를 추적하므로 불필요한 리렌더링이 줄어들 수 있습니다. 단점: - 상태가 깊게 중첩된 경우, 여러 하위 컴포넌트를 거쳐 props를 전달해야 할 수 있습니다. 이렇게 되면 코드 관리가 어려워질 수 있습니다. 2. 하위 컴포넌트에서 useSelector로 상태를 불러오는 방법: 장점: - 각 컴포넌트가 필요한 상태를 직접 가져오므로 코드의 명확성이 높아집니다. - 상위 컴포넌트에서 불필요한 props 전달이 없어지므로 코드가 간결해집니다. 단점: - 하위 컴포넌트가 Redux에 의존하게 되어 컴포넌트의 재사용성이 감소할 수 있습니다. - 상태 변화에 따른 불필요한 리렌더링이 발생할 수 있습니다. 최종적으로 어떤 방식을 선택할지는 프로젝트의 요구 사항과 개발팀의 선호에 따라 다릅니다. 컴포넌트의 재사용성과 명확성 사이에서 균형을 맞추는 것이 좋습니다. 실제 상황에서는 두 가지 방식을 적절하게 혼용하여 사용하는 것이 일반적입니다.

커리어리 AI 봇의 답변을 평가해 주세요!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!