Redux toolKit error

doheeing·2024년 4월 4일

코린이공부하기_FE

목록 보기
3/5
post-thumbnail

이 오류는 장장 하루 종일 잡고 있다가 다음 날 새벽이 되어야 해결한 오류 story ,,

  1. error 분석
  • redux toolkit 을 사용하지 않았던 코드를 toolkit을 이용해서 바꾸려는 도중에 발생한 오류

이 결과 console 로 "data" null 이 넘어왔다. data가 Prodetail.js로 자료가 안 넘어온 것 같은데 ...

  1. error 해결 노력
  • initialState의 selectedItem을 null 이 아닌 [] 으로 바꿔보기
    -> 아예 render가 되지 않는 error가 발생했다.
  1. 해결방법

내가 store.js에 작성한 코드이다

내가 detailSlice를 detail로 적었기 때문에
Prodetail.js에

 const product = useSelector((state) => state.product.selectedItem);

가 아닌

 const product = useSelector((state) => state.detail.selectedItem);

으로 적어야 하는 것이였다.

  1. 느낀점

라이브러리를 바꾸거나 툴킷, 문법을 바꾸게 되는 경우에 아무래도 수정을 놓치는 경우가 많다고 느꼈다.
이런 수정을 완벽히 하려면 이전 문법에 대한 이해도가 많이 중요하다고 느꼈다 !

profile
하루하루성장중인코린이dohee-ing

0개의 댓글