Reactjs 使用中间件创建存储时出现React router redux错误
我是react redux新手,并尝试遵循一个有点旧的教程,因此当我尝试运行此代码时,会出现错误: 未捕获错误:预期路由状态可用作Reactjs 使用中间件创建存储时出现React router redux错误,reactjs,react-router,store,react-redux,history,Reactjs,React Router,Store,React Redux,History,我是react redux新手,并尝试遵循一个有点旧的教程,因此当我尝试运行此代码时,会出现错误: 未捕获错误:预期路由状态可用作state。路由或自定义表达式,您可以在syncHistoryWithStore()选项中指定为selectLocationState。确保已通过组合减速机或用于隔离减速机的任何方法将路由减速机添加到门店的减速机中 import { routerReducer } from 'react-router-redux'; export const reducers =
state。路由
或自定义表达式,您可以在syncHistoryWithStore()
选项中指定为selectLocationState
。确保已通过组合减速机
或用于隔离减速机的任何方法将路由减速机
添加到门店的减速机中
import { routerReducer } from 'react-router-redux';
export const reducers = combineReducers({
... // other reducers
routing: routerReducer
});
有什么建议吗?:)
index.js
import React from 'react'
import ReactDOM from "react-dom"
import { createStore, applyMiddleware } from 'redux'
import { Provider } from 'react-redux'
import { Router, Route, browserHistory } from 'react-router'
import { syncHistoryWithStore, routerReducer } from 'react-router-redux'
import App from './containers/App'
import rootReducer from './reducers/reducers'
import thunkMiddleware from 'redux-thunk'
import api from './middleware/api'
let createStoreWithMiddleware = applyMiddleware(thunkMiddleware, api)(createStore)
let store = createStoreWithMiddleware(rootReducer)
let history = syncHistoryWithStore(browserHistory, store)
let rootElement = document.getElementById('root')
ReactDOM.render(
<Provider store={store}>
<Router history={history}>
<Route path='/' component={App} />
</Router>
</Provider>,
rootElement
)
必须添加routerReducer()以便在react router redux中同步工作。 此函数用于存储历史记录中的位置更新。如果你 使用combinereducer,它应该嵌套在路由键下 在联合收割机减速器中包括以下各项
import { routerReducer } from 'react-router-redux';
export const reducers = combineReducers({
... // other reducers
routing: routerReducer
});
因此,您的reducers文件如下所示:
import { routerReducer } from 'react-router-redux';
import { combineReducers } from 'redux'
import Auth from './auth'
import Quotes from './quotes'
const rootReducer = combineReducers({
auth: Auth,
quotes: Quotes,
routing: routerReducer
})
export default rootReducer
你能包括你的
/reducers/reducers
文件吗?是的,没错,谢谢!我仍然有早期的“撰写”建议,因此它会抛出错误,但现在它可以处理以下内容:)