⭐最近发现一个方便且好用的东西 —>> useDidRecover()函数
- 大多数情况下,项目为了更好的用户体验感,都会用到CacheRoute组件(from
‘react-router-cache-route’)来缓存页面。 - 但是这样子也有一个弊端—当我们从另一个页面修改后切回原来页面,原来页面的数据不是最新的,需要手动刷新一下数据才会更新。
- 当这种情况下我们就可以用到useDidRecover()(from ‘react-router-cache-route’)这个函数啦!
我是安装的1.11.0版本==》dependencies{ “react-router-cache-route”: “1.11.0” } 放在线上依赖。
在页面中引用:import { useDidRecover } from ‘react-router-cache-route’;
eg:useDidRecover( () => { getList(); // 需要更新的数据(异步请求) });
本文介绍了如何利用`useDidRecover()`函数(来自`react-router-cache-route`库的1.11.0版本)解决React应用中使用CacheRoute组件导致的数据不更新问题。当从其他页面返回时,可以调用此钩子异步更新缓存页面的数据,提升用户体验。
2292

被折叠的 条评论
为什么被折叠?



