React使用 lodash-es 中的throttle方法失效

embedded/2024/9/25 23:20:01/

React使用 lodash-es 中的throttle方法失效

下面代码用了throttle方法,但是并没有实现1500内执行一次的效果,主要原因是useState的setValue()方法
该方法更新了state,导致了组件重新渲染,并且重新生成了函数,所以1500毫秒又被重置了

// ****** 错误 ******
const onAction = throttle(async () => {const params = {};const res = await API.loanSubmitSubmitApi(params);if (res.code === 200) {setValue('XXXX')}
}, 1500);// ****** 正确 ******
// 这里为什么步用useCallback,具体原因没细究,我看到相关issue的回答就是改成useMemo.
// 如果需要用到load接口中的数据并且数据存在state中,这里的依赖项就应该是[loadData],不添加依赖项的话,会获取不到load的接口数据
const onAction = useMemo(() =>throttle(async () => {const params = {};const res = await API.xxxxxApi(params);if (res.code === 200) {setValue("XXXX");}}, 1500),[]
);

http://www.ppmy.cn/embedded/29517.html

相关文章

Rust move

一、move有什么用 当你在闭包前加上 move 关键字时,闭包会强制获取其所需变量的所有权。这意味着即使在闭包外部变量的所有权被转移给闭包,闭包之外的代码也不能再使用这些变量 看两段代码 fn main() {let x String::from("value");let cl…

基于Spring Boot的校园闲置物品交易网站设计与实现

基于Spring Boot的校园闲置物品交易网站设计与实现 开发语言:Java框架:springbootJDK版本:JDK1.8数据库工具:Navicat11开发软件:eclipse/myeclipse/idea 系统部分展示 系统功能界面图,在系统首页可以查看…

【Vulhub靶场】Nginx 漏洞复现

Nginx 漏洞复现 一、Nginx 文件名逻辑漏洞(CVE-2013-4547)1、影响版本2、漏洞原理3、漏洞复现 二、Nginx 解析漏洞1、版本信息:2、漏洞详情3、漏洞复现 一、Nginx 文件名逻辑漏洞(CVE-2013-4547) 1、影响版本 Nginx …

strcpy,strncpy函数详解

strcpy函数 在C语言中,strcpy()函数用于将一个字符串复制到另一个字符串中。 函数原型如下: char *strcpy(char *destination, const char *source);参数解释: destination:目标字符串,将会被复制到。source&#…

【嵌入式AI开发】轻量化卷积神经网络Mnasnet(神经架构搜索)详解

前言:谷歌轻量化卷积神经网络Mnasnet,介于MobileNet V2和V3之间。使用多目标优化的目标函数,兼顾速度和精度,其中速度用真实手机推断时间衡量。提出分层的神经网络架构搜索空间,将卷积神经网络分解为若干block,分别搜索各自的基本模块,保证层结构多样性。 CVPR2019论文…

汉译英早操练-(二十五)

汉译英早操练-(十九)-CSDN博客 汉译英早操练-(二十)-CSDN博客 汉译英早操练-(二十一)-CSDN博客 汉译英早操练-(二十二)-CSDN博客 汉译英早操练-(二十三)-CSDN博客 汉译英早操练…

C++中读取文件模拟视频流并使用回调函数处理数据

C中读取文件模拟视频流并使用回调函数处理数据 flyfish 在 C 中&#xff0c;回调函数通常以函数指针、函数对象&#xff08;包括 std::function&#xff09;、成员函数指针或 Lambda 表达式的形式来实现。这里使用了 std::function<void(const std::vector<char>&am…

Qt绘图与图形视图之绘制带三角形箭头的窗口的简单介绍

往期回顾 Qt绘图与图形视图之场景、视图架构的简单介绍-CSDN博客 Qt绘图与图形视图之基本图元绘制的简单介绍-CSDN博客 Qt绘图与图形视图之自定义图元实现拖拽、拉伸、旋转功能-CSDN博客 Qt绘图与图形视图之绘制带三角形箭头的窗口的简单介绍 一、最终效果 点击pushbutton按钮…