Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- JS예제
- 개발일지
- 부트캠프 #스파르타코딩클럽 #개발일지# #html
- Til
- useState
- 부트캠프 #개발일지 #TIL #CSS속성 #float #clear
- 부트캠프 #개발일지 #TIL #Position #위치
- textContent
- 부트캠프 #개발일지 #TIL #그리드 #CSS
- 개발일지 #TIL #프론트엔드 #HTML
- 부트캠프
- 템플릿스트링
- js
- 리액트
- 부트캠프 #개발일지 #TIL #FlexboxFroggy #displayflex #flexbox
- 알고리즘
- React
- 부트캠프 #코딩 #개발일지 #프론트엔드 #CSS #TIL
- useEffect
- querySelector
- 깃허브오류
- 특성선택자
- 의사클래스
- appendChild
- 결합선택자
- 부트캠프 #CSS #개발일지 #TIL #박스모델
- 부트캠프 #스파르타코딩클럽 #개발일지# #TIL #Javascript #confirm #location.href
- CSS
- 부트캠프 #CSS #개발일지 #TIL
- ㅜㄹㄹ
Archives
- Today
- Total
나의 개발일지
[React] 리액트 아웃소싱 프로젝트 / 에러 발생 및 해결 / The object notation for `createSlice.extraReducers`has been removed. 본문
과제 및 팀프로젝트
[React] 리액트 아웃소싱 프로젝트 / 에러 발생 및 해결 / The object notation for `createSlice.extraReducers`has been removed.
heew0n 2023. 12. 8. 21:492023.12.07 - [React/과제] - [React] 리액트 아웃소싱 프로젝트 (지도 api 이용해서 웹사이트 만들기)
Thunk로 리뷰 CRUD를 구현하는데 갑자기 이상한 에러가 떴다
`createSlice.extraReducers`에 대한 객체 표기법은 더 이상 사용되지 않습니다.
찾아보니 RTK 2.0 이후로는 createSlice에서 extraReducers를 사용할 때 object notation 문법 호환 기능을 삭제했다고 한다. 대신 빌더 콜백 함수를 사용해야 한다고 한
바로 전 개인과제에서 RTK 버전을 확인해보니 1.9.7이었고 이번에 2.0.1로 업그레이드 돼서 아예 에러가 났던 것이다
어찌나 식겁했던지 .. 무서운 빨간 에러창..
다운그레이드해서 사용할까 생각했지만 어차피 이젠 계속 업데이트 될 거니까..
공식문서와 블로그를 보며 다시 구현했다
빌더 콜백함수 방식은 기존에 썼던 객체가 아닌 (( builder ) => { } ) 함수를 사용해주었다
그리고 addCase를 사용하여 각각 pending, fulfilled, rejected 의 동작을 처리한다
https://redux.js.org/tutorials/essentials/part-5-async-logic