React-Router |如何从子组件中获取父参数值?版本:1.0.0-rc1

时间:2015-10-15 09:15:16

标签: reactjs react-router react-router-component

假设我有这样的代码:

   <Router history={history}>
     <Route path="/users/(:userId)" component={UserContainer}>
       <Route path="profile" component={UserProfileContainer} />
       <Route path="stats" component={UserStatsContainer}>
       <IndexRoute component={UserDashboard} />
     </Route>
   </Router>

在UserContainer中,我有类似的东西:

const {userId} = this.props.params;
return (
  <div>
    {this.props.children}
  </div>
);

如何将userId传递给路由器配置中定义的子组件(UserProfileContainer,UserStatsContainer等)?

这些组件也需要知道当前的userId。

感谢。

1 个答案:

答案 0 :(得分:2)

你可以像'UserContainer'中那样得到它:'const {userId} = this.props.params;'....... :)