Не работает react-router 4.3.1, когда пытаюсь на зайти на /one
или на /two
(версия react 16.4.2)
import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter, Switch, Route } from 'react-router-dom';
const One = () => (
<p>
"One"
</p>
);
const Two = () => (
<p>
"Two"
</p>
);
const Three = () => (
<p>
"Three"
</p>
);
ReactDOM.render(
<BrowserRouter>
<Three>
<Switch>
<Route path='/one' component={One} />
<Route path='/two' component={Two} />
</Switch>
</Three>
</BrowserRouter>
,
document.getElementById('root')
);
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.4.2/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.4.2/umd/react-dom.production.min.js"></script>
А вот так вот заработало: Почему так?
import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter, Switch, Route } from 'react-router-dom';
const One = () => (
<p>
"One"
</p>
);
const Two = () => (
<p>
"Two"
</p>
);
const Three = () => (
<p>
"Three"
<Switch>
<Route path='/one' component={One} />
<Route path='/two' component={Two} />
</Switch>
</p>
);
ReactDOM.render(
<BrowserRouter>
<Three/>
</BrowserRouter>
,
document.getElementById('root')
);
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.4.2/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.4.2/umd/react-dom.production.min.js"></script>