반응형
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'
대신에
반응형
'Programing' 카테고리의 다른 글
vue.js 렌더 함수의 단추에 이벤트 수신기 추가 (0) | 2022.03.07 |
---|---|
Vue.js Uncaused TypeError: _vueChartjs.선.extend가 함수가 아님 (0) | 2022.03.07 |
사용 중지 경고:태핑 가능.플러그인이 더 이상 사용되지 않음..hooks에 새 API를 대신 사용 (0) | 2022.03.07 |
NaNs가 들어 있는 판다 컬럼을 dtype 'int'로 변환 (0) | 2022.03.07 |
비단뱀의 스레드에서 반환 값을 가져오는 방법 (0) | 2022.03.07 |