読者です 読者をやめる 読者になる 読者になる
一人もくもく会 α verでサービス開始しました。

Reactにてrouterのrouteにパラメータを渡す方法

JavaScript React program

例えば大元のコンポーネントにてajaxで取得したユーザー情報を保持して、 それを別のrouteのコンポーネントにも引き継ぎたい時の話。 (version 15.2.1現在)

渡すのは下記で可能。普通に属性指定すれば良い。

<Router history={browserHistory}>
    <Route path="/" component={Index} user={this.state.user} />
</Router>

問題は受け取り側の方。

this.props.user

これはundefinedになる。

this.props.route.user

で取得可能。