React Router不会将值传递给match.props

Question

所以，我开始学习React with Redux和react-router。 .net的大混乱

我想使用match对象来查找给定网址中的道具，所以我可以这样做：

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

我定义了这样的路线：

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

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

所有这些逻辑都不在App根目录中发生，它在这个渲染的组件中发生：

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

我需要遵循哪些关键因素，这样才有用？我使用的是最新的react-router v4。感谢。

Answer 1

传递组件声明中的道具：

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

或者，只需做

component={NumberHeader}