react-router の examples をざっと読んでみた - ryhmrt’s blog

Redux と共に redux-simple-router を使おうと思っているので、react-router をおさらいするためにサンプルコードをざっと読んでみました。 以下、読んだときのメモ。 Active Links <Link> の activeStyle アトリビュートでリンクがアクティブなときのスタイルを定義できる。 Animations URL遷移をする際に componentWillReceiveProps が呼び出されて遷移先のパスが取得できるということは理解した。 あと ...props は使いどころによっては便利だと思いました。 Auth Flow <Route> の onEnter にコールバックを渡しておくと、そのパスが有効になった際にそいつが呼ばれるようだ。 サンプルではそのコールバック内で未ログイン時にログインコンポーネントを描画するURLに遷移させている。