리액트 리덕스 스토어 값 사용 관련 궁금한 점이 있습니다.

Question

제가 구성해 놓은 웹 앱이 이런 형태입니다.현재 로그인 데이터를 컴포넌트 C에서(줄여서 알파벳으로만 부르겠습니다.) dispatch합니다.그다음, A에서 그에대한 정보를 띄워주기 위해, useSelector로 스토어의 값을 참조합니다.그 값을 data라고하면, data.name의 정보를 호출 해 주고싶습니다. 하지만 selector는 해당 컴포넌트 최초렌더링 시에 호출을 해주어야 한다고 알고 있습니다.그래서 최초 selector를 호출 할때에는 로그인데이터 값이 안넘어온 상태기 때문에data.name의 호출에서 오류를 출력합니다. 그래서 조건 훅을 생성했습니다.const [isData, setIsData] &#61; useState(false);하지만 생각해보니 훅을 자식컴포넌트인 C에서 로그인 후 수정을 해주어야 할것 같습니다.그래서 props내려주기로 2번 내려주어 isData 값을 true로 수정후 다시 A로 돌아가면 정상적으로 작동합니다. 허나, 제가 이렇게 훅을 props로 내려주기하는 방식이 뭔가 부적절하다고 느낍니다.props의 지속적인 내려주기를 하지 않기 위해 store를 사용한 것인데, store를 사용하기 위해 props를 내려주는 모양새입니다. 여기서 제가 생각한것이 reducer를 하나 더 만들어, 최초 A컴포넌트에서 dispatch해준 뒤, C에서 수정해서 조건문을 만드는 방법입니다. 제가 생각한 방법이 흔히 채택하는 방식인지, 아니면 제가 로직을 잘못 설계한 것이 있는지 조언을 듣고싶습니다.

charlatan · Accepted Answer

질문을 제대로 이해한 것인지 모르겠는데, 최초 렌더링할 때 스토어의 상태가 있는지 없는지 검사해서 적절한 작업을 수행해 주면 될 것 같은데요? 그러니까 data가 null 또는 undefined 라면 data.name을 참조하지 않도록 하면 되지 않을까요?

리액트 리덕스 스토어 값 사용 관련 궁금한 점이 있습니다.

1개의 답변

Q&A 목록