#useselector

useSelector 최적화 방법중 shallowEqual에 대해서 질문이 있습니다!

shallowEqual는 컴포넌트 리렌더링할때 객체 안의 가장 겉에있는 값을 비교 해 준다고 알고 있는데요, 만약 다음 코드의 객체가 있다면 이전 값 다음 값 object.a, object.b, object.c 만 비교하여 변경됐을 시 컴포넌트를 리렌더링 하는걸로 알고 있습니다. 그런데 이렇게 됐을 때 object.a[0] 나 object.c.x가 업데이트 되어도 컴포넌트를 리렌더링 하지 않게되는건데 괜찮은건가요..?

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

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

왜 React에서 페이지를 열면 렌더링이 여러번 발생하나요??

최근 리액트 프로젝트를 리팩토링 하면서 궁금한 점이 생겼습니다. 첫 번째 사진은 가게 목록을 보여주는 페이지에 대한 컴포넌트이고 두 번째 사진은 앞서 소개한 페이지에서 호출하는 커스텀 훅에 대한 코드입니다. 해당 페이지를 새로고침하거나 이동했을 때, 세 번째 사진처럼 "test" 콘솔이 4번 이상 찍히는 것을 확인했습니다. Reat의 strictMode 때문에 2번만 찍혀야 한다고 생각했는데 왜 화면을 렌더링 할 때, "useMove(콘솔이 찍히는 함수)"를 여러번 찍히는지 궁금합니다... 다른 페이지에서는 6번 이상도 찍히는 것을 확인했는데 useEffect 때문에 초기 화면 렌더링 이후, redux의 useSelector를 사용해서 렌더링이 여러번 더 발생하는 것인지 궁금합니다.