如何使用React路由器手动触发路由？

Question

正如标题所说，我有一张桌子。如果我点击td，我想将用户转发到特定网址。

现在我需要将一个对象传递给将要渲染的组件。

• 如何动态地将道具传递给组件？
• 如何手动触发路线？

我正在使用React 0.14.6和react-router 1.0.3。

我的配置非常直接：

std::vector<char,std::allocator<char> >
 42
 42
 42
 42

std::vector<std::allocator<bool> >
 666
 666
 666
 666

需要在onClick上触发customerOverview，并将道具解析为componentn。

Answer 1

可以从this.props.route：

访问通过的道具

this.prop.route.yourCustomProp

您可以使用push和replace等常规历史记录模块方法以编程方式转到this.props.history的新路线：

this.props.history.push('/login')

如果您需要更深入地访问组件中的历史记录，可以使用withRouter HOC。

对于DOM链接，请按照文档使用Link。

请注意，此答案已针对react-router v4进行了更新。旧版本的react-router使用旧的历史模块，其上有pushState and replaceState。