如何获取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" /> }  />

两种方法之间存在一些性能差异：响应component和render之间的路由器差异。