Question

我正在为应用程序使用React + Redux + React Router。我的初始页面是登录屏幕，一旦身份验证成功，想要在传递从身份验证中检索到的令牌时重定向到另一个页面。我正在查看此SO问题，但没有说明如何将值传递到新页面：React Router Redirect

我想考虑Dan的建议，即在动作创建者中坚持重定向（成功登录），但不知道如何将令牌传回。这是我的行动创作者：

export const loginSucceeded = token => {
    browserHistory.push('/dashboard')
}

Answer 1

使用react-router 4，您可以尝试以下操作：

import { Route, Redirect } from 'react-router-dom';

export const loginSucceeded = token => {
    <Redirect push to={{
        pathname: '/dashboard',
        state: { token: token }
    }}/>
}

此令牌以后可以从仪表板页面通过this.props.location.state.token访问。

More about here

传递值时React Redux重定向

1 个答案: