TypeError: store.getState is not a function (redux)
TypeError: store.getState is not a function (redux)
我一直收到此错误:
TypeError: store.getState is not a function
我认为问题可能出在我的 store.js 上,但我不太确定出在哪里。
代码如下:
root reducer.js
import { combineReducers } from "redux";
import userReducer from "./User/userReducer";
export default combineReducers({
user: userReducer,
});
root saga.js
import { all, call } from "redux-saga/effects";
import userSaga from "./User/user.saga";
//generator function
export default function* rootSaga() {
//to pass our sagas
yield all([call(userSaga)]);
}
store.js
import { createStore, applyMiddleware } from "redux";
import logger from "redux-logger";
import thunk from "redux-thunk";
import createSagaMiddleWare from "redux-saga";
import { persistStore } from "redux-persist";
import rootReducer from "./rootReducer";
import rootSaga from "./rootSaga";
const sagaMiddleware = createSagaMiddleWare();
export const middleWares = [thunk, sagaMiddleware, logger];
export const store = createStore(rootReducer, applyMiddleware(...middleWares));
sagaMiddleware.run(rootSaga);
//----
export const persist = persistStore(store);
export default { store, persist };
index.js
import { BrowserRouter } from "react-router-dom";
import App from "./App";
import reportWebVitals from "./reportWebVitals";
import { Provider } from "react-redux";
import store from "./Redux/store";
ReactDOM.render(
<React.StrictMode>
<Provider store={store}>
<BrowserRouter>
<App />
</BrowserRouter>
</Provider>
</React.StrictMode>,
document.getElementById("root")
);
您导入 store
的方式错误:
import { store } from "./Redux/store";
我一直收到此错误:
TypeError: store.getState is not a function
我认为问题可能出在我的 store.js 上,但我不太确定出在哪里。
代码如下:
root reducer.js
import { combineReducers } from "redux";
import userReducer from "./User/userReducer";
export default combineReducers({
user: userReducer,
});
root saga.js
import { all, call } from "redux-saga/effects";
import userSaga from "./User/user.saga";
//generator function
export default function* rootSaga() {
//to pass our sagas
yield all([call(userSaga)]);
}
store.js
import { createStore, applyMiddleware } from "redux";
import logger from "redux-logger";
import thunk from "redux-thunk";
import createSagaMiddleWare from "redux-saga";
import { persistStore } from "redux-persist";
import rootReducer from "./rootReducer";
import rootSaga from "./rootSaga";
const sagaMiddleware = createSagaMiddleWare();
export const middleWares = [thunk, sagaMiddleware, logger];
export const store = createStore(rootReducer, applyMiddleware(...middleWares));
sagaMiddleware.run(rootSaga);
//----
export const persist = persistStore(store);
export default { store, persist };
index.js
import { BrowserRouter } from "react-router-dom";
import App from "./App";
import reportWebVitals from "./reportWebVitals";
import { Provider } from "react-redux";
import store from "./Redux/store";
ReactDOM.render(
<React.StrictMode>
<Provider store={store}>
<BrowserRouter>
<App />
</BrowserRouter>
</Provider>
</React.StrictMode>,
document.getElementById("root")
);
您导入 store
的方式错误:
import { store } from "./Redux/store";