2021.7.24(sat)_TypeScript + useReducer

 

원인을 모를 때는 정말 모르겠다가 원인을 알고 해결하고 보면 꼭 별 거 아니고 당연한 것을 못 알아챘다는 생각이 든다.

고민할 땐 진지하지만 해결한 후에는 아오💢 하고 넘어가기 쉬워 작성해본다.

 

---

📌 useReducer를 사용한 곳에서 오류 발생

오류 메시지를 읽어보면 inputReducer의 반환값이 {...} | undefined로 되어있다.

📌 useReducer 함수

useReducer 내부는 switch문으로 되어 있고, action.type은 'title', 'description', 'color'로 세 경우가 있다. 

어떻게하면 반환값이 undefined일 가능성이 있을까.

action.type이  'title', 'description', 'color'이 아닌 경우!

그래서 순간 switch문에 default를 추가할까했다..

 

하지만 case는 딱 문자열 세 가지뿐이기 때문에 type 지정을 바꿔주면 된다.

이렇게 오류를 해결했다🥳