我发现没有使用react-router-redux从动作创建者异步动作完成路由的唯一工作方法是将历史道具从组件传递给动作创建者并执行:
history.push('routename');
由于browserRouter忽略传递给它的历史道具,因此我们不能将自定义历史对象与browserhistory一起使用.
您可以使用具有自定义历史记录的路由器,而不是使用browserRouter
import { Router } from 'react-router' import createbrowserHistory from 'history/createbrowserHistory' export const history = createbrowserHistory() <Router history={history}> <App/> </Router>
在这种情况下,您的history.push()将起作用.使用browserRouter history.push不起作用,因为创建新的browserHistory将无法工作,因为< browserRouter>创建自己的历史记录实例,并侦听对其的更改.因此,不同的实例将更改URL但不更新< browserRouter>.
创建自定义历史记录后,您可以将其导出,然后将其导入到您的操作创建器中,并使用它来动态导航
import { history } from '/path/to/index'; const someAction = () => { return dispatch => { ApiCall().then((res) => { dispatch({type: 'SOME_CALL',payload: res }) history.push('/home'); }) } }
原文地址:https://www.jb51.cc/react/300890.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。