Javascript 将道具传递给使用路由器的儿童

我有一个应用程序，在呈现任何组件之前运行一个服务，该服务会进行几个API调用，我会获取数据，例如汽车、卡车和自行车的列表。现在我想根据用户点击的路线将这些道具传递给孩子们。如果他访问/cars，那么我将向this.props.children发送汽车数据，如果他访问/bikes，我将发送自行车数据。如何在MainComponent中实现这一点

<ul>
   <li><Link to="/">Home</Link></li>
   <li><Link to="/bikes">Bikes</Link></li>
   <li><Link to="/cars">Cars</Link></li>
</ul>
{this.props.children}

家
自行车
汽车

{this.props.children}

您需要使用react路由器来实现这一点。创建两个独立的组件自行车、汽车和路线，然后使用react路由器定义链接到这些页面，如下所示

ReactDOM.render(
   <Router history={hashHistory}>
        <Route path="/" component={MainComponent}>
             <Route path="bikes" component={Bikes}>
             <Route path="cars" component={Cars}>

        </Route>
   </Router>, document.getElementById('app')
);

ReactDOM.render(
，document.getElementById（'app'）
);

你误解了这个问题，当然我已经有了，问题是我将如何通过react路由器的{this.props.children}将数据传递给/bikes，不管是哪种方式，谢谢，正如我所说，创建两个独立的组件，自行车和汽车来渲染这些道具。然后你需要路由到这些组件