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

Posted 2023-04-17

参考技术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对象的方法