如何使用react-router重定向并发送消息

时间:2016-05-22 10:26:42

标签: javascript reactjs react-router

我在成功登录成功消息后,在React中寻找重定向的方法。登录后,另一个组件应该显示成功消息,那么如何在成功登录后通知它重定向?我曾经用flash消息做过,但该解决方案没有使用react-router并且有完整的页面刷新。

我现在正在使用react-router,我很好奇是否有一种反应路由器方式在重定向时将状态/消息传递给另一条路由?我正在重定向:

browserHistory.push('/')

所以我试过了:

browserHistory.push({
    pathname: '/',
    state: {
        message: "my message"
    }
});

但目标组件this.state仍为空。有没有办法用react-router自己的API实现我想要的东西?或者我可能试图错误地解决这个问题?

1 个答案:

答案 0 :(得分:4)

我自己找到了答案,我尝试的方法确实有效,但推送状态来自:

this.props.location.state

目标组件中的