import { Router } from 'react-router'
<!--這里可以有三種-->
<!--history 部分源碼
exports.createBrowserHistory = _createBrowserHistory3.default;
exports.createHashHistory = _createHashHistory3.default;
exports.createMemoryHistory = _createMemoryHistory3.default;
-->
import createBrowserHistory from 'history/createBrowserHistory'
//
const history = createBrowserHistory()

<Router history={history}>
 <App/>
</Router>

 <BrowserRouter forceRefresh={!supportsHistory} keyLength={12}>
 <Switch>
 //這里用exact，僅僅是擔(dān)心location被 path='/'截胡了。
 <Route exact path="/" component={aContainer} />
 <Route path="/b" component={bContainer} />
 </Switch>
 </BrowserRouter>

 <BrowserRouter forceRefresh={!supportsHistory} keyLength={12}>
 <div >
 <Route path="/" component={aContainer} />
 <Route path="/b" component={Parent} />
 {/* {app()} */}
 </div>
 </BrowserRouter>

const Parent = ({ match }) => (
 <div>
 <Route path={`${match.url}/`} component={bContainer} />
 <Route path={`${match.url}/c`} component={cContainer} />
 <Route path={`${match.url}/d`} component={dContainer} />
 </div>
);

npm install --save react-router-config

const routes = [
 { component: bContainer,
 routes: [
 { path: '/',
 exact: true,
 component: bContainer
 },
 { path: '/b/b',
 component: bContainer,
 routes: [
 { path: '/b/b/b',
 component: bContainer
 }
 ]
 }
 ]
 }
]

<BrowserRouter forceRefresh={!supportsHistory} keyLength={12}>
 <div >
 {renderRoutes(routes)}
 </div>
 </BrowserRouter>

 <div>
 1111
 {renderRoutes(this.props.route.routes)}
</div>