React中useCallback的用法具体是怎样的，能否详细解释一下？

本文共计585个文字，预计阅读时间需要3分钟。

目录+基础用法+父子组件+子组件+useCallback是React中一个重要的hook+useCallback+用法+用来返回一个函数，在父子组件传参或通用函数封装中，起到减轻重载的作用。+基础用法+useCallback的使用方法与“

目录

• 基础用法
• 父组件
• 子组件

useCallback是react中比较重要的一个hook

useCallback 用来返回一个函数，在父子组件传参或者通用函数封装中,起到举足轻重的作用。

基础用法

useCallback的用法与useState的用法基本一致，但最后会返回一个函数，用一个变量保存起来。

返回的函数a会根据b的变化而变化，如果b始终未发生变化，a也不会重新生成，避免函数在不必要的情况下更新。

记得子组件导出时使用memo包裹一下，其作用是对组件前后两次进行浅对比，阻止不必要的更新

const a = useCallback(() => {     return function() {         console.log(b)     } },[b]) console.log(a) console.log(a())

第一种用法，父子组件函数式传参

既然使用useCallback减少了函数式参数不必要的更新，子组件收到的参数不变，自然也不会更新，从而减少了组件间不必要的更新。