Programing

Uncaused TypeError: (0 , _reactRedex.combineReducers)는 함수가 아님

c10106 2022. 3. 7. 21:17
반응형

Uncaused TypeError: (0 , _reactRedex.combineReducers)는 함수가 아님

나는 무언가를 실험하는 것부터 시작했다. 그러나 나는 계속 실수를 하고 있다."Uncaught TypeError: (0 , _reactRedux.combineReducers) is not a function"는 내 데모 구성 파일이다.

import React from 'react'
import { render } from 'react-dom'
import { createStore, applyMiddleware,compose } from 'redux'
import { Provider } from 'react-redux'

import createLogger from 'redux-logger'
import thunk from 'redux-thunk'

import App from './containers/App'
import promise from "redux-promise-middleware"
import logger from "redux-logger"

import reducer from "./reducers"

const middleware = applyMiddleware(promise(), thunk, logger())
const store= createStore(reducer,middleware)
render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
)

이 remeducer의 인덱스.js는 "react-remedx" 가져오기 사용자를 "./UserLimenscer"에서 { combinedReducer} 가져오기

export default combineReducers({
    users,

    }
)

사용자 환원기.js

export default function reducer(state={users:[]},action){
   // console.log("inside reducer")
   switch(action.type){
       case "FETCH_USERS":{
           console.log("inside reducer",{...state})
           return {...state,users:action.payload}
       }
   } 
}

combinedReducer는 'react-remensx'가 아닌 'remensx' 패키지에 의해 제공된다.

자:import { combineReducers } from 'redux'고쳐야 한다

이것을 바꾸는 것은 어떨까?

export default combineReducers({
   users,

   }
)

이를 위해

import { combineReducers } from 'redux'
import users from './users'

const someApp = combineReducers({
  users
})

export default someApp

그리고 그것을 수입한다.app.js또는index.js네 길을 어디에 뒀는지 말이야이것처럼만.

import React from 'react'
import { render } from 'react-dom'
import { Provider } from 'react-redux'
import { createStore } from 'redux'
import someApp from './reducers'
import App from './components/App'

let store = createStore(someApp)

render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
)

나도 오늘 같은 문제가 있었는데 예전엔 잘 되더라.나는 수입하고 있었다.combineReducers from 'redux'.

나는 방금 개별 환원기 기능을 사용하기 위해 변경했다.createReducer from '@reduxjs/toolkit'그리고 그 후엔 깨졌지코드를 다시 변경하는 것은 여전히 작동하지 않았기 때문에 TypeScript의 추가 유형을 추가하는 것과 관련이 있을 수 있다.

이상하게도, 나는 이것을 수입함으로써 고칠 수 있었다.combineReducers from '@reduxjs/toolkit'대신에

참조URL: https://stackoverflow.com/questions/45182568/uncaught-typeerror-0-reactredux-combinereducers-is-not-a-function

반응형