在 React.js 中调度操作后如何重定向

Question

我已经实现了一个带有后端验证的注册视图，我想在成功注册后重定向到登录视图。 这是我的调度方法：

    export const initSignup = (details) => {
    return (dispatch) => {
        axios.post("http://localhost:8080/auth/signup", {
            email: details.email,
            password: details.password
        }).then((result) => {
            console.log(result);
            return dispatch(_signup(result));
        })
         .catch((err) => {
                //use err.response to get our custom err response from backend
                //since once we send 400+ response status it goes to catch block
                console.log(err);
                dispatch(_signupError(err.response));
            })
    }
}

const _signup = (result) => {
    return {
        type: SIGNUP,
        result: result
    }
}

const _signupError = (err) => {
    return {
        type: ERROR,
        error: err
    }
}

disptach _signup 后，我想重定向到“/login”。 有人可以在这里帮助我吗？

Answer 1

您需要使用带有路径和历史道具的路线

const { from } = { from: { pathname: "/myPath" } };
this.props.history.push(from);