鍍金池/ 問答/HTML5  HTML/ react路由跳轉(zhuǎn)頁面不刷新

react路由跳轉(zhuǎn)頁面不刷新

拿react跟react-router 寫個demo
路由跳轉(zhuǎn)了頁面沒有變化 F5刷新之后頁面才變
怎么解決 求大佬解答

代碼 帖下面：

  class App extends Component {
  render() {
    return (
      <div className="App">
        <Router>
            <Route exact path="/" render={()=>(<div>111</div>)}></Route>
            <Route path="/order" render={()=>(<Order/>)}></Route>
            <Route path="/me" render={()=>(<Me/>)}></Route>
        </Router>
        <Foot></Foot>
      </div>
    );
  }
}

class Foot extends Component{
render(){
    return(
        <Router>
            <ul>
                <li><Link to="/">首頁</Link></li>
                <li><Link to="/order">訂單</Link></li>
                <li><Link to="/me">我的</Link></li>
            </ul>
        </Router>
    )
}

}

回答
編輯回答
終相守
<Router history={history}>
    <Switch>
        <Route />
        <Route />
    </Switch>
</Router>

請以后提問問題的時候把代碼以code的形式貼出來，不要直接上圖。
有些人很想回答你的問題，本來可以直接粘你的代碼改，結(jié)果你的是圖，就不想回答了。

2018年1月8日 22:58