React中Switch实现项目刚进来的时候,路由默认为/,这时候默认进Admin组件,如果页面改成其他的,跳转其他页面。

  • <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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容