tyoshikawa1106のブログ

- Force.com Developer Blog -

React:routes.jsでルーティングの管理

react-routerをつかえばページのルーティングが簡単に対応できます。
f:id:tyoshikawa1106:20160521125640p:plain


index.jsにそのままimportして利用することもできますが、routes.jsを用意して処理をまとめることでより開発がやりやすくなります。
f:id:tyoshikawa1106:20160521125823p:plain


index.js側で各ページをimportしていた部分は次のようにスッキリします。
f:id:tyoshikawa1106:20160521125953p:plain


変更後にnpm startで動かしてみると、ルーティングが正しく設定されていることを確認できると思います。
f:id:tyoshikawa1106:20160521130207p:plain


以上、react-router-tutorialで紹介されていた方法でした。

サンプルコード