Quantcast
Channel: tyoshikawa1106のブログ
Viewing all articles
Browse latest Browse all 1436

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

$
0
0

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で紹介されていた方法でした。

サンプルコード


Viewing all articles
Browse latest Browse all 1436

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>