次のようなコードがあるとします。
<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>
);
ルーター構成で定義された子コンポーネント (UserProfileContainer、UserStatsContainer など) に userId を渡すにはどうすればよいですか?
これらのコンポーネントは、現在の userId も認識する必要があります。
ありがとう。