에러발생: Expected the root reducer to be a function. Instead, received: 'undefined'
react와 redux 연결중 다음과 같은 오류를 만났습니다. "Redux가 함수가 루트 리듀서로 전달될 것으로 예상하지만, 대신 undefined 값을 받았습니다." import 문제였습니다. 5줄 creatStore 인자로 root reducer인 counterReducer 함수를 전달된 것으로 예상하지만 undefined 가 나왔습니다. index.js 파일 2번 import 줄 과 Reducers 폴더 index.js 파일 을 살펴봅시다.
원인 : import 와 export 잘못된 연결
Reducers 폴더 index.js 에서 18줄 export default counterReducer 를 하면 무조건 import 시 counterReducer만 import 해올 수 있다는 뜻입니다. import 시 변수명을 사용자가 직접 설정할 수 있다는 장점이 있습니다. 하지만 여러개를 Import 해오기 위해 사용하는 { } 중괄호를 사용하면 에러가 납니다.
export default 사용시 import { } 사용하면 에러!
해결 : import { } 삭제
3줄 처럼 { } 중괄호를 제거하면 잘 동작합니다.
'react' 카테고리의 다른 글
navigate 시 데이터 넘겨주기 (0) | 2023.07.13 |
---|---|
재사용성 높은 공통 컴포넌트 제작기 (0) | 2023.07.08 |
[ERROR]React Hook "useDispatch" cannot be called at the top level. (0) | 2023.04.29 |
[React] 상태 관리 (Redux) (0) | 2023.04.24 |
[ERROR] Objects are not valid as a React child (0) | 2023.04.22 |