如何使用 react-router v4 以编程方式从动作创建者导航？

Question

我决定将我的 React Router 版本更新到版本 4，但我用这段代码碰壁了

export const loginUser = ({ emailOrUsername, password }) => {
return (dispatch) => {
    axios.post(`${ROOT_URL}/login`, { emailOrUsername, password })
      .then((res) => {
        dispatch({ type: AUTH_USER });
        localStorage.setItem('token', res.data.token);
        browserHistory.push('/feed'); // How do I do this in v4?
      })
      .catch(() => {
        dispatchAuthError('Incorrect log in details.');
      });
  };
};

v4 似乎完全删除了 browserHistory，我无法再简单地实现所需的转换。我错过了什么吗？

Answer 1

看看这个：Redirect

您可以使用此标签将他们重定向到另一条路线

Answer 2

现在您可以从上下文中获取路由器对象并传递给商店。你可以阅读更多here

也可以尝试直接使用history模块：

import { createHashHistory } from 'history'
const history = createHashHistory()
history.push('/feed')

看看this