会员
商店
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
文*弱*书*生
脚踏实地行,海阔天空飞
博客园
首页
新随笔
联系
订阅
管理
随笔 - 42, 文章 - 0, 评论 - 12, 阅读 -
51248
2023年1月13日
React中实现keepalive组件缓存效果
摘要: 背景:由于react官方并没有提供缓存组件相关的api(类似vue中的keepalive),在某些场景,会使得页面交互性变的很差,比如在有搜索条件的表格页面,点击某一条数据跳转到详情页面,再返回表格页面,会重新请求数据,搜索条件也将清空,用户得重新输入搜索条件,再次请求数据,大大降低办公效率,如图:
阅读全文
posted @ 2023-01-13 16:32 coder__wang
阅读(861)
评论(3)
推荐(0)
编辑
<
2025年3月
>
日
一
二
三
四
五
六
23
24
25
26
27
28
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
昵称:
coder__wang
园龄:
5年2个月
粉丝:
12
关注:
3
+加关注
搜索
常用链接
我的随笔
我的评论
我的参与
最新评论
我的标签
我的标签
JavaScript
(15)
vue
(9)
js方法封装
(6)
element ui
(5)
面试题
(5)
TypeScript
(3)
java
(3)
性能优化
(3)
脚手架
(3)
vue-cli
(2)
更多
随笔分类
ChatGPT(1)
java(2)
react(2)
TypeScript(3)
vue服务端渲染之nuxt(1)
常用方法封装(10)
脚手架(3)
面试题(4)
前端性能优化(4)
算法(2)
温故而知新(2)
业务相关(15)
随笔档案
2023年12月(2)
2023年9月(5)
2023年4月(1)
2023年2月(1)
2023年1月(1)
2022年10月(1)
2022年9月(1)
2022年8月(1)
2022年7月(1)
2022年4月(1)
2021年12月(1)
2021年11月(2)
2021年9月(3)
2021年8月(7)
2021年7月(14)
阅读排行榜
1. React报错Warning: Can't perform a React state update on an unmounted component.(7317)
2. element ui table表头动态筛选条件(7000)
3. vue项目实现文件下载进度条(5387)
4. vue2在css中使用js变量(4454)
5. js树形数据结构的扁平化(2452)
评论排行榜
1. vue项目实现文件下载进度条(4)
2. React中实现keepalive组件缓存效果(3)
3. 前端算法之二分查找(2)
4. vue组件之间通信总结(超详细)(2)
5. element ui table表头动态筛选条件(2)
推荐排行榜
1. vue组件之间通信总结(超详细)(5)
2. 一文弄懂TypeScript中的混合(Mixin)(3)
3. vue项目实现文件下载进度条(3)
4. 前端性能优化之控制请求并发数(2)
5. 深度掌握TypeScript中的重载【函数重载、方法重载】(1)
最新评论
1. Re:前端算法之二分查找
@蚊子博客
可以呀
--coder__wang
2. Re:前端算法之二分查找
还有一种递归的方式,可以写吗?
--蚊子博客
3. Re:React中实现keepalive组件缓存效果
@coder__wang nice...
--剪刀手猪八戒戴劳力士
4. Re:React中实现keepalive组件缓存效果
@剪刀手猪八戒戴劳力士 已经加上...
--coder__wang
5. Re:React中实现keepalive组件缓存效果
cacheReducer这个文件没有放出来吧?
--剪刀手猪八戒戴劳力士
点击右上角即可分享