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

<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