기록이 힘이다.

configureStore.ts:164 Uncaught Error: "reducer" is a required argument, and must be a function or an object of functions that can be passed to combineReducers 본문

React

configureStore.ts:164 Uncaught Error: "reducer" is a required argument, and must be a function or an object of functions that can be passed to combineReducers

dev22 2023. 1. 13. 12:48
728x90

"reducer"는 필수 인수이며, combineReducers에 전달할 수 있는 함수 또는 함수의 객체여야 합니다.
import { createStore } from 'redux';

----->  import {configureStore} from '@reduxjs/toolkit';

 
코드를 변경하고 나서 문제가 발생하였다. 단순 함수만 바꿔줬던 것이 큰 오산이었다.
속성값도 같이 변경되어야했다.
급하게 가지고 있던 소스로 해결하려고 하다 보니 리덕스 처리가 되지 않아 화면에 렌더링이 되지 않는다.
 
 
 

Redux Toolkit (리덕스 툴킷)은 정말 천덕꾸러기일까?

Redux Toolkit 최근 훅 기반의 API 지원이 가속화되고 React Query, SWR 등 강력한 데이터 패칭과 캐싱 라이브러리를 사용하면서 리덕스 사용이 줄어드는 방향으로 프론트엔드 기술 트렌드가 변화하고 있

blog-wp.hwahae.co.kr

화해 기술 블로그에서 정리한 내용이 있어 읽고 해결하려 노력하였다. 

사실 완벽할 것만 같았던 리덕스에도 문제가 있었습니다. 대표적으로 언급되는 리덕스의 3가지 문제는 아래와 같습니다.

  • 리덕스 스토어 환경 설정은 너무 복잡하다!
  • 리덕스를 유용하게 사용하려면 많은 패키지를 추가해야 한다!
  • 리덕스는 보일러플레이트, 즉 어떤 일을 하기 위해 꼭 작성해야 하는 (상용구)코드를 너무 많이 요구한다!

 

'React' 카테고리의 다른 글

리액트 url 연결하기  (0) 2023.01.17
개발 환경 설정 Spring Boot와 React 연동하기  (0) 2023.01.16
import 방식의 차이  (0) 2023.01.12
React 컴포넌트 경로  (0) 2023.01.12
리액트 프로젝트 구조 잡기  (0) 2023.01.10