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

发布时间：2020-12-15 07:31:49 所属栏目：百科来源：网络整理

导读：使用react-router我可以使用链接元素来创建由反应路由器本地处理的链接。我看到内部它调用this.context.transitionTo(…)。我想做一个导航，但不是从一个链接，从下拉选择例如。我如何在代码中这样做？什么是this.context？我看到导航混合，但我可以做这

使用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，而不是实际导航到页面。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!