如何将props传递给react-router 4组件？

Question

我喜欢将我的app入口点用作全局州商店.将信息传递给儿童作为道具.

使用react-router 4,如何将prop数据发送到渲染的组件.以类似的方式:

<Route Path=“/someplace” component={someComponent} extra-prop-data={dataPassedToSomeComponent} />

我已经看到了旧版本的react-router的一些janky变通办法,似乎已被弃用.

在v4中执行此操作的正确方法是什么？

Answer 1

您可以将函数传递给渲染道具,而不是将组件直接传递给组件道具.

<Route path="/someplace" render={() => <SomeComponent props={} />} />

你可以在这里阅读更多.