Reactjs 反应路由器don'；t传递值以匹配.props

所以，我开始学习React与Redux和React路由器。对于一个.net来说，这真是一团糟

我想使用

match

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

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

我定义了这样一条路线：

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

---

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

传递组件声明中的道具：

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

---

从组件声明中传递道具：

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

---

您是否只需要匹配就可以获得“nr”url参数？那么，你为什么要费心将“匹配”作为道具传递给组件呢。这是不必要的。您可以通过NumberHeader组件中的

match.params.nr

轻松获得它。是否可能是的重复项？您是否只需要匹配即可获得“nr”url参数？那么，你为什么要费心将“匹配”作为道具传递给组件呢。这是不必要的。您可以通过NumberHeader组件的

match.params.nr

轻松获得它。

component={NumberHeader}