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

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"
/>

最终，我将移动到存储/获取状态中的这些属性，但是考虑到当前的实现，在定义开关组件时是否可以包含属性？




Answer 1

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

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