将道具传递给反应路由器中的组件[重复]

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} />
  )}
 />

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