react + tabs 切换有缓存不重新发起请求

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react + tabs 切换有缓存不重新发起请求相关的知识,希望对你有一定的参考价值。

参考技术A 可以看到当tab 切换的时候我有个change 事件

在子组件内部 我做了个处理

这样 每当切换的时候 就会有一个 不同的key 传下去 一对比 再次发起请求就好啦

下面进行一个优化
因为我这个内部组件是循环得到的

因此我每次循环都会有个对比 而组件内部就会有个不同的key 做比较 我循环多少次 其实组件就发送了多少个请求 这明显是不合理的

以上是关于react + tabs 切换有缓存不重新发起请求的主要内容,如果未能解决你的问题,请参考以下文章

node缓存设置

在 React 中实现 keep alive

在 React 中实现 keep alive

node实战前端缓存总结

HTTP缓存基础概念入门

vuetab按钮切换动态数据间隙按钮位置掉低的问题