인프런 커뮤니티 질문&답변
작성한 질문수
비동기 작업이 없을 경우 useReducer와 redux의 dispatch 함수의 실행으로 인한 state 변경 순서가 보장이 안되나요?
작성
·
557
0
제로초님 안녕하세요.
지난 번 조언해주셨던 것처럼 복잡한 컴포넌트의 상태 관리는 useReducer로 하고 앱 전체에서 공유하는 상태는 따로 reducer를 만들어서 필요에 따라 redux-saga를 쓰면서 진행하고 있는데요. 혹시 useReducer에서 나오는 dispatch 함수와 useDispatch를 통해서 가져오는 dispatch 함수를 통한 상태 변경순서가 보장되지 않나요?
현재 한 가지 이벤트에 대해서 useDispatch를 통해서 global state를 변경시키고, 그 결과를 useSelector를 이용해서 global state에서 가져와서 useReducer의 dispatch 함수에 데이터로 넘겨주어서 useReducer를 사용하고 있는 컴포넌트의 state를 변경시키는 부분을 구현하고 있는데요. useDispatch의 dispatch 함수를 통해서 global state를 변경시키는 것까지는 되는데, useReducer의 dispatch 함수가 그 결과를 반영해서 상태를 변경시키지 못하는 것 같습니다. 두 dispatch 함수가 같은 함수 안에서 호출되어서 동시에 불리는 것은 분명한 것 같은데 컴포넌트에서 잘 반영을 못하네요.
redux-saga는 최대한 비동기 처리시에만 사용하려고 생각 중인데, 이렇게 여러 개의 action을 동시에 처리할 때는 thunk나 redux-saga는 반드시 사용해야하는 것인가요?
감사합니다.
말씀하신 방식으로 잘 해결했습니다. 그런데 이렇게 작성하다보니 한 이벤트를 처리하는 로직이 useEffect와 이벤트 처리 함수로 분산되어서 가독성이 안 좋아지는 것 같은데요. useEffect와 같은 훅은 컴포넌트 안에서도 위쪽에 둔다고 들은 것 같은데, 이런 경우는 그냥 이벤트 처리 함수와 나란히 두기도 하나요? 혹시 현업에서는 어떤 식으로 하시나요? 감사합니다.