React
张兴华(MarsXH.Chang)
行动是治愈恐惧的良药,犹豫拖延将不断滋生恐惧!
展开
-
React Umi 中实现缓存路由 KeepAlive
使用umi-plugin-keep-alive实现KeepAlive状态存储,并且实现进入下一个页面时缓存,后退页面时不缓存(卸载)类似微信小程序的页面缓存机制。原创 2023-05-31 19:18:13 · 5219 阅读 · 4 评论 -
React 封装全局事件监听 GlobalEvent(发布订阅者)
类似于vue的$root和$on,可以全局触发和监听事件,采用发布订阅者模式实现,支持单事件多响应,简单易懂。原创 2023-05-31 19:15:37 · 2341 阅读 · 0 评论 -
AHooks无限滚动useInfiniteScroll使用
useInfiniteScroll 封装了常见的无限滚动逻辑。假如第一次请求返回数据为 { list: [1, 2, 3] }, 第二次返回的数据为 { list: [4, 5, 6] }, 则我们会自动合并 list,整合后的的 data 为 { list: [1, 2, 3, 4, 5, 6] }。注:这里官方说了对于返回的字段是list,才会帮你进行合并,所以可以跟后端的同学商量返回的数组数据用list做属性名,或者你也可以拿到后端的数据自己生成list属性名。原创 2023-05-31 19:10:59 · 3131 阅读 · 0 评论