React专栏
文章平均质量分 76
不定期分享一些React相关的知识
山上沙锅
一位探索前端领域的学习者
展开
-
React实现keepAlive
keep-alive是vue中的内置组件,使用keep-alive包裹组件可以在该组件的切换过程中将页面的状态缓存在内存中,界面切换后被包裹的组件实例不会被销毁,防止界面重复渲染DOM,并且可以防止在页面切换过程中组件的数据丢失。包裹在需要缓存的组件外侧,通过Provider把状态和方法传递给子组件,如果判断出reactElement已经传过来了,但是对应的nodes数组还是为null的话就触发相应的reducer把该nodes重新赋值。即:切换路由时缓存之前的组件,保留之前输入的值不被清空。原创 2023-06-26 16:35:34 · 919 阅读 · 1 评论 -
React实现路由守卫
如何React实现路由守卫?原创 2023-02-14 16:36:03 · 2259 阅读 · 0 评论