使用 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 文件中重定向，它會在您的反應組件邏輯中。