如何获取ReactJS路由器硬编码参数

Question

我有以下路线：

<Route path="/userstream/:user" component={ Profile } param="stream" />

然后在我的组件中，我以这种方式得到:user：this.props.match.params.user

但是，如何从硬编码参数中获取流？

谢谢。

Answer 1

一种方法是将其作为道具传递给组件：

<Route path="/userstream/:user" component={ (props) => <Profile {...props} param="stream" /> }  />

编辑：出于完整性考虑，值得一提的是第二种方法，即使用render道具：

<Route path="/userstream/:user" render={ (props) => <Profile {...props} param="stream" /> }  />

两种方法之间存在一些性能差异：react router difference between component and render。