使用 react-router-dom 在 redux 操作中重定向

Question

我是新来的。 我有一个名为Register.js的组件，我在那里调用 redux 操作的方法register 。 所以在里面我想在调度后将用户重定向到路径/dashboard 。 这是我在 redux 里面的动作

const { REGISTER_USER } = require('./types')
export const register = (values) => async dispatch => {

    try {
        // register part goes here ...

        dispatch({
            type: REGISTER_USER,
            payload: values
        })

    } catch (error) {
        console.log(error)
    }
} 

我如何在反应中实现这一点？

Answer 1

我个人会使用 react router 和 history 功能在动作发送和解决后推送到新页面（例如用户已经注册）

动作后反应路由器重定向 redux

请注意较新版本的反应路由器行为不同

如何在 React Router v4 中推送到历史记录？

另一种选择是将“注册”作为模态，一旦提交，您只需从视图中隐藏模态并使用新道具刷新仪表板组件（因此它会 go 并为新认证的用户获取数据）

您不想在操作或 redux reducer/state 文件中重定向，它会在您的反应组件逻辑中。