如何将支柱传递给我的孩子路线？

Question

我有一个子路由，我想将locationId prop传递给。

我尝试将locationId = {locationId}添加到我的路线，但这不起作用。

return (
  <div>
      <Route path={`${this.props.match.url}/users/:userId`} component={CardsShowView} />
  </div>
);

有可能以某种方式通过这个道具吗？

Answer 1

<Route path={`${this.props.match.url}/users/:userId`} render={() => 
<CardsShowView locationId={locationId}/>} />

您可以使用render prop。

如果你真的想要这个位置，你可以这样做。

<Route path={`${this.props.match.url}/users/:userId`} render={(props) => 
<CardsShowView locationId={props.location}/>} />

Answer 2

您需要将locationId作为路径传递给参数。

<Link to={ URL / $ {locationId} }>

在您的路线中： <Route path="url/:locationId component={CardsShowView}

您可以使用this.props.params.locationId

访问子组件中的参数