美文网首页
React中Switch实现项目刚进来的时候,路由默认为/,这时

React中Switch实现项目刚进来的时候,路由默认为/,这时

作者: 陆一诗 | 来源:发表于2019-12-28 17:36 被阅读0次
  • <BrowserRouter>
      <Route path="/" component={Admin}></Route>
      <Route path="/login" component={Login}></Route>
    </BrowserRouter>
    
  • 发现不管路由怎么切换,始终渲染的都是path为/的页面

    • image.png
    • image.png
    • 针对以上问题,我们可以采取调整顺序的解决办法,就是将path/的路由放到最后,因为Switch的特性,只要页面匹配完一个路径,它就停止渲染。

    • <BrowserRouter>
        <Route path="/login" component={Login}></Route>
        <Route path="/" component={Admin}></Route>
      </BrowserRouter>
      
    • 这就正常了:

    • image.png

相关文章

网友评论

      本文标题:React中Switch实现项目刚进来的时候,路由默认为/,这时

      本文链接:https://www.haomeiwen.com/subject/ijvsoctx.html