<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实现项目刚进来的时候,路由默认为/,这时候默认进Admin组件,如果页面改成其他的,跳转其他页面。
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。
推荐阅读更多精彩内容
- 回顾 今天VS 2019正式发布,实验一波,你安装了么?Blog.Core 预计今天会升级到 Core 3.0 版...
- Address:https://www.zybuluo.com/XiangZhou/note/208532 Exp...
- github地址,欢迎大家提交更新。 express() express()用来创建一个Express的程序。ex...
- <BrowserRouter> 使用 HTML5 提供的 history API (pushState, repl...
- 前言 react-router针对不同的使用场景衍生了不同的路由包,RN项目用react-router-nativ...