React-router v4。如何在路線之間導航？

Question

路由不起作用。

它使得只有第一部分雲上的/，但是當我在工作`噸添加其他途徑

import React from 'react'; 
import {render} from 'react-dom'; 
import { BrowserRouter as Router, Route } from 'react-router-dom' 
import createBrowserHistory from 'history/createBrowserHistory'; 

// import components 
import Cloud from './components/Cloud'; 
import Dashboard from './components/Dashboard'; 
import Contacts from './components/Contacts'; 
import Account from './components/Account'; 
import Login from './components/Login'; 
import Sidebar from './components/Sidebar'; 
import Header from './components/Header'; 
import Footer from './components/Footer'; 

const history = createBrowserHistory(); 

const App = (props) => { 
return (
    <Router history={history}> 
     <section> 
      <Sidebar/> 
      <div className="main-content"> 
       <Header/> 
       <div id="page-wrapper"> 
        <Route exact path="/" component={Cloud}/> 
        <Route path="/dashboard" component={Dashboard}/> 
        <Route path="/contacts" component={Contacts}/> 
        <Route path="/account" component={Account}/> 
       </div> 
      </div> 
      <Footer/> 
     </section> 
    </Router> 
    ); 
}; 

render(<App/>, document.getElementById('root')); 

我在做什麼錯？ screenshot和screenshot2

如何在用戶cookies過期時在/ home和/ login路徑之間跳轉？

Answer 1

只要把/在你的路徑，即前面，

<Route exact path="/" component={Cloud}/> 
<Route path="/dashboard" component={Dashboard}/> 
<Route path="/contacts" component={Contacts}/> 
<Route path="/account" component={Account}/>