react-routerでページを共通Layoutに乗せたりログイン画面は乗せなかったりするルーティングの設定 - DRYな備忘録

import React from 'react'; import ReactDOM from 'react-dom' import {Router, Routes, browserHistory} from 'react-router'; import {MyFancyLayout} from '../../layouts'; import { LoginPage, // これと HomePage, SettingPage, NotFoundPage, // これは、レイアウト適用外 } from '../../pages'; ReactDOM.render( <Router history={browserHistory}> <Route path="/login" component={LoginPage} /> <Route path="/" component={MyFancyL

[luccafort]

"IndexRoute を定義しないと、/がレンダリングされない"へー、確かにこれは初見気付かずにスルーしてしまいそう。ただReact力低いマンなのでMyFancyLayoutのRouteで*するとprops.childrenがundefinedになるのがいまいちよくわからん。