如何使用带有交换机的React Router 4将道具传递给this.props.children？

Question

我使用反应路由器4进行嵌套，如下所示

<MainComponent>
  <ChildComponent></ChildComponent>
  <ChildComponent></ChildComponent>
  <ChildComponent></ChildComponent>
<MainComponent>

在主要组件页面上，我有一些状态，我想作为道具传递给this.props.children。 在主要组件渲染方法中，我编写了{this.props.children}来访问子组件。现在如何将我的CustomProps传递给this.props.children

先谢谢你的帮助

Answer 1

假设你的州是白天：星期一。然后你需要把孩子的状态传递给

<MainComponent>
  <ChildComponent day={this.state.day}/>

<MainComponent>

在您的子组件ChildComponent中，您可以使用

获取状态

this.props.day