将道具传递给反应路由器中的组件

Question

我有一个模式，我想在其中放置一个动态嵌套视图。我认为这样做的一个好方法就是使用Switch这样

<div class="modal-content">
  <Switch>
    <Route path="/modal/slide-1" component={ Widget1 }
    <Route path="/modal/slide-2" component={ Widget2 }
  </Switch>
</div>

我想将一些道具传递给这些组件，就像我通常在React中那样。

<Widget1
  prop1="Some Value"
  prop2="Some Other Value"
/>

最终我将在状态中移动存储/获取这些属性，但是在定义当前实现时，可以在定义Switch component时包含属性吗？

Answer 1

 <Route
  path={"/modal/slide-1"}
  render={() => (
   <Widget1 prop1={this.state.prop1} />
  )}
 />

渲染允许您将任何道具传递给正在渲染的组件。