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

Question

我是新来的。我有一个名为 Register 的组件.js在那里我调用 redux 操作的方法寄存器。所以在里面，我想在调度后将用户重定向到路径/仪表板。这是我在 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路由器重定向后动作redux

请注意，react路由器的新版本的行为有所不同

如何在React路由器v4中推送到历史记录？

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

你不会想在动作或redux reducer/state文件中重定向，它会在你的react组件逻辑中。