console
const { BrowserRouter, Switch, Route, Link } = ReactRouterDOM
const BaseLayout = props => {
return <div>
<ReactRouterDOM.Link to="/a" />
{props.children}
</div>
}
const Home = props => <div>a</div>
const Test1 = props => <div>test1</div>
const Test2 = props => {
return <Switch>
<Route path="t1">t1</Route>
<Route path="t2">t2</Route>
</Switch>
}
ReactDOM.render(
<BrowserRouter>
<Link to="/test1">test1</Link>
<Link to="/test2/t1">test2</Link>
<Switch>
<Route exact path="/new"><Home /></Route>
<Route path="/test1"><Test1 /></Route>
<Route path="/test2"><Test2 /></Route>
</Switch>
</BrowserRouter>, app)
<div id="app"></div>