【发布时间】:2016-07-26 15:22:10
【问题描述】:
我在我的应用程序中使用 reactjs、react-router 和 redux。我正在使用异步操作,以下是我的 action.js 代码
signUser(state,user) {
return function (dispatch){
return dispatch(requestSignUp());
}
}
export default function requestSignUp(){
return {
type: Actions.REQUEST,
signUserReducer:{
action: Actions.REQUEST
}
}
}
以下是我的 store.js 代码
const reducer = combineReducers(reducers);
let finalState = compose(applyMiddleware(thunk, logger()))(createStore)
export default function configureStore(initialState) {
return finalState(reducer, initialState);
}
以下是我的 reducer.js 代码
export default function signUserReducer(state = initialState, action) {
if (typeof state == 'undefined') {
return state;
}
switch (action.type) {
case Actions.REQUEST:
return Object.assign({}, state, {
action: action.signUserReducer.action
});
default:
return state;
}
}
现在,每当我发送一个操作时,我的浏览器控制台上都会显示一个错误提示
警告:[react-router] 你不能改变'Router routes';会被忽略
我尝试使用“react-router-redux”解决这个问题,但没有解决。
【问题讨论】:
-
您可以发布您定义路线的代码部分吗?问题很可能就在那里。
-
@AbhishekJain: render() { const { store, history } = this.props return (
) } -
@AbhishekJain 我已经实现了 react-redux-router 但是每当我通过操作调度它时仍然会给出相同的错误
-
stackoverflow.com/questions/34760825/… 看看这是否有帮助。这是 react-router 的常见问题。
-
@AbhishekJain:如何将道具传递给这个恒定的路线..
标签: reactjs react-router react-redux redux-thunk