Reactにてrouterのrouteにパラメータを渡す方法
例えば大元のコンポーネントにて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
で取得可能。
ツイッターでシェア
みんなに共有、忘れないようにメモ
Crieitの開発者です。 Webエンジニアです（在宅）。大体10年ちょい。 記事でわかりにくいところがあればDMで質問していただくか、案件発注してください。 業務依頼、同業種の方からのコンタクトなどお気軽にご連絡ください。 業務経験有:PHP, MySQL, Laravel, React, Flutter, Vue.js, Node, RoR 趣味:Elixir, Phoenix, Nuxt, Express, GCP, AWS等色々 PHPフレームワークちいたんの作者
Crieitは誰でも投稿できるサービスです。 是非記事の投稿をお願いします。どんな軽い内容でも投稿できます。
また、「こんな記事が読みたいけど見つからない！」という方は是非記事投稿リクエストボードへ！
こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください。
ボードとは？
コメント