reactjs – 使用react路由器以编程方式导航

前端之家收集整理的这篇文章主要介绍了reactjs – 使用react路由器以编程方式导航前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用react-router我可以使用链接元素来创建由反应路由器本地处理的链接

我看到内部它调用this.context.transitionTo(…)。

我想做一个导航,但不是从一个链接,从下拉选择例如。我如何在代码中这样做?什么是this.context?

我看到导航混合,但我可以做这个没有mixins?

对于最新版本(v2.0.0-rc5),推荐的导航方法是直接推送历史单例。你可以看到在行动 here.相关节选:
import { browserHistory } from 'react-router';
browserHistory.push('/some/path');

如果使用较新的react-router API,当在组件内部时,需要使用this.props的历史记录:

this.props.history.push('/some/path');

它还提供了pushState,但是每个记录的警告都被弃用。

如果使用react-router-redux,它提供了一个push函数,你可以这样调度:

import { push } from 'react-router-redux';
this.props.dispatch(push('/some/path'));

但是,这可能只用于更改URL,而不是实际导航到页面

猜你在找的React相关文章