reactjs – 使用react.push in action creator with react-route

发布时间：2020-12-15 20:45:38 所属栏目：百科来源：网络整理

导读：我发现没有使用react-router-redux从动作创建者异步动作完成路由的唯一工作方法是将历史道具从组件传递给动作创建者并执行： history.push('routename'); 由于BrowserRouter忽略传递给它的历史道具,因此我们不能将自定义历史对象与browserhistory一起使用.

我发现没有使用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');
        })
    }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!