2021-04-29T00:12:10.336Z

0

제로초님 안녕하세요. 빠른 답변 감사합니다. 

제 상황에 대한 설명이 부족했던 것 같네요. 

Component A가 있는데, A의 state가 복잡해서 A를 위한 reducer.ts 파일을 따로 만들어서 useReducer와 관련된 로직을 분리시켰습니다. A안에서는 useReducer 함수를 통해서 reducer.ts 파일에서 관리하고 있는 state와 dispatch 함수를 불러오게 했고요.이 local state에서 global state에서 불러와야 하는 부분(`drugs`)은 일단 null로 설정해두었습니다.

그리고 A 안에서 useSelector를 이용해서 global state에서 필요한 부분을 불러왔습니다. 그리고 A 안에서 useEffect 함수 안에서 dispatch 함수를 통해서 useSelector로 불러온 데이터를 local state에 넘겨주는 식으로 일단은 아래와 같이 처리를 했는데요.

const [state, dispatch] = useReducer<Reducer<PrescriptionFormState, PrescriptionFormActions>>(reducer, initialState);

const {drugs} = useSelector<RootState, TaperConfigState>(state => state.taperConfig);
useEffect(() => {
  dispatch({
    type: FETCH_DRUGS,
    data: drugs
  })
}, [drugs]);

혹시 이런 식으로 처리했을 때 문제가 될만한 부분이 있을지 궁금합니다. 비슷한 상황을 겪어보신 적이 있는지 궁금합니다. 

감사합니다. 

0

drugs가 바뀔 때마다 FETCH_DRUGS 하기를 원하시는 상황이 맞나요? 아니면 처음 한 번만 의도하신건가요? 처음 한 번만을 의도하신 거면 initialState 자체에 drugs를 합쳐넣는 것을 추천드립니다.

0

앞으로는 어떻게 될지 모르겠는데 일단은 한 번만 불러와서 사용하고 있습니다. 말씀하신 대로 initialState에 합쳐넣는 것도 생각해봐야겠네요. 답변 감사합니다!