react-router-dom之Redirect(重定向)理解
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了react-router-dom之Redirect(重定向)理解相关的知识，希望对你有一定的参考价值。
参考技术A 这段时间写个小项目，实战过程中，路由理解得一塌糊涂其中有个业务逻辑是这样的:
我有个layout布局组件，想在其中显示我所定义的子路由，其中有个需求，
当我访问/home时，我想重定向到/home/page1，其中我的配置大概如下：
如上，这么做的话，第一次访问/home，是会重定向到/home/page1，然而当我第二次访问/home的时候，一片空白
发生了什么？
重点来了，它Redirect再牛逼，也是组件啊，组件就得无条件接受生命周期这一事实（除非特殊处理），回过头来，大概运行方式是这样的：
1、访问/home
2、解析home的render
3、发现Redirect，访问/home/page1，其实访问/home/page1的时候，是解析了/，/home，/home/page1这三个路由，只不过react-router-dom做了处理，渲染过的组件会继续复用
5、终于来到这一步了, 其实来到这一步，不难发现，to的属性值根本没有变，Redirect就不会再走一次，所以再次访问/home的时候，就真的访问/home了，不会匹配到任何一次子Route
答案：Switch
上一步只要改成如下形式，就ok了
上面大概意思就是Switch会去精确匹配，找不到的话，会处理Redirect的逻辑
或许有人会问，Redirect放在第一个不行吗？嗯， 你可以尝试一下！！
以上是关于react-router-dom之Redirect(重定向)理解的主要内容，如果未能解决你的问题，请参考以下文章
React：react-router-dom Redirect 不是重新加载页面，而是更改 URL
React-router-dom 和 Redirect 未添加到历史记录中？