Reactで表示内容(headerとかfooterとか）のパーツ化・共通化 - Qiita

いわゆるheader, main, footerとかで構成されるサイトにて、headerやfooterを共通パーツ化したい。 （逆に言えば、headerやfooterはそのままにmainの内容を切り替えたい） 前提 ルーティングにはreact-router-domを利用する よくcore-ui(React)を利用するので、そこでのやり方を踏襲 実装：基本編 App.js App.jsですべてのルーティングを設定せず、レイアウトや認証が異なるといったレベルでルーティングを設定する。 基本的にDefaultコンポーネントに流す。 import React from 'react'; import { BrowserRouter, Switch, Route } from 'react-router-dom'; //screens import Default from './screens/D