反应路由器不将值传递给match.props

Question

所以，我开始学习React与Redux和react-router。一个. net的大麻烦

我想使用match对象查找给定url中的道具，因此可以执行以下操作：

function NumberHeader ({match}){
   var number = match.props.nr;
   ..... Logic down here ...
}

我定义了这样一条路线：

<Route path={`/number/:nr`} component={() => <NumberHeader match={this.props.match} />} />

NumberHeader组件正在正确的url上呈现，但我无法获得任何道具。

所有这些逻辑都不是在应用根中发生的，而是在这个渲染的组件中发生的：

<Route path={routes.NUMERO} component={() => <DrawsPage />} />

我需要遵循哪些关键因素，这样才能起作用？我正在使用最新的react路由器v4。谢谢

Answer 1

从组件声明中传递道具：

component={props => <NumberHeader {...props} />}

或者，就这么做

component={NumberHeader}