{"provider_url":"https://hatena.blog","categories":["React","create-react-app","tips"],"version":"1.0","blog_title":"JavaScript\u3060\u3051\u3067Web\u30b5\u30a4\u30c8\u958b\u767a","type":"rich","height":"190","url":"https://ichi-bit.hateblo.jp/entry/2017/11/30/create-react-app%E3%81%A7react-router","provider_name":"Hatena Blog","author_name":"ichi-bit","published":"2017-11-30 12:16:43","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fichi-bit.hateblo.jp%2Fentry%2F2017%2F11%2F30%2Fcreate-react-app%25E3%2581%25A7react-router\" title=\"create-react-app\u3067react-router - JavaScript\u3060\u3051\u3067Web\u30b5\u30a4\u30c8\u958b\u767a\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","blog_url":"https://ichi-bit.hateblo.jp/","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/i/ichi-bit/20171129/20171129161841.png","description":"\u74b0\u5883\u8a2d\u5b9a router\u30d5\u30a9\u30eb\u30c0\u3067\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210 $ cd ~/ $ create-react-app router react-router\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb \u4eca\u56de\u306fweb\u30b5\u30a4\u30c8 $ cd ~/router $ npm install --save react-router-dom src/App.js \u7de8\u96c6 \u524d\u30da\u30fc\u30b8\u5171\u901a\u3067\u8868\u793a\u3059\u308bHeader,Footer \u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306f/ /hoge, /moge \u3067\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b src/App.js import React, { Component } from 'react'; import { BrowserRouter as Route\u2026","author_url":"https://blog.hatena.ne.jp/ichi-bit/","title":"create-react-app\u3067react-router","width":"100%"}