react路由跳转页面不刷新

Question

拿react跟react-router 写个demo
路由跳转了页面没有变化 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>
    )
}

}

Answer 1

<Router history={history}>
    <Switch>
        <Route />
        <Route />
    </Switch>
</Router>

请以后提问问题的时候把代码以code的形式贴出来，不要直接上图。
有些人很想回答你的问题，本来可以直接粘你的代码改，结果你的是图，就不想回答了。