react函数式组件中使用lodash的debounce

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react函数式组件中使用lodash的debounce相关的知识,希望对你有一定的参考价值。

参考技术A import _ from 'lodash'

<Input style= marginBottom: 16 maxLength=25 onChange=userChange />

const userChange = (e: any) =>
callAjax(e.target.value)


const getMember = (value: any) =>
fetchMember(value); // 最终的获取ajax数据的方法


const callAjax = _.debounce(getMember, 300)

react 函数式组件ref的使用

参考技术A 1、ref的定义
React中的ref属性可以帮助我们获取子组件的实例或者Dom对象,进而对组件进行修改
场景,点击A调用B的方法:(单文件中使用ref)
1、引入useRef并定义ref对象

2、绑定ref对象

3、调用
点击上传图片按纽时,调用ref对象的方法

以上是关于react函数式组件中使用lodash的debounce的主要内容,如果未能解决你的问题,请参考以下文章

利用函数式组件做二次封装

输入 lodash 函数的正确方法是啥?

React 函数式组件优化

react函数式组件及类式组件

浅析JavaScript函数式编程

浅析JavaScript函数式编程