![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react-route
鱼惊秋
这个作者很懒,什么都没留下…
展开
-
前端面试--从路由原理出发,深入阅读理解react-router 4.0的源码
react-router等前端路由的原理大致相同,可以实现无刷新的条件下切换显示不同的页面。路由的本质就是页面的URL发生改变时,页面的显示结果可以根据URL的变化而变化,但是页面不会刷新。通过前端路由可以实现单页(SPA)应用,本文首先从前端路由的原理出发,详细介绍了前端路由原理的变迁。接着从react-router4.0的源码出发,深入理解react-router4.0是如何实现前端路由的。 通过Hash实现前端路由 通过H5的history实现前端路由 React-router4.0的使用 R转载 2020-06-24 23:34:10 · 250 阅读 · 0 评论 -
react-router之onEnter和onLeave
在之前介绍过react-router的使用,在这里我们介绍一下路由的onEnter和onLeave,顾名思义,分别是路由进入之前和路由离开之前,我们可以在这段时间内做一些处理。比如下面这个例子 <Route path="/home" component={App} onEnter={(nexState,replace)=>{ if(nexState.location.p...转载 2020-01-10 20:37:24 · 4429 阅读 · 0 评论 -
react-router v4 路由解析规则
前言 react-router升级到4之后,跟前面版本比有了很大的差别。 例如包的拆分,动态路由等详细的差别就不说了,各位大神的总结也很到位,详细可以点击看看,All About React Router 4这篇文章。 此外还有个差别是路由规则的变化。 一直有着上个版本的习惯,所以稍微复杂的路由,配起来的时候简直痛不欲生。 痛定思痛,要好好了解下其依赖的匹配规则,即path-to-regexp。...转载 2018-12-26 22:00:11 · 168 阅读 · 0 评论