跳到主要内容

React-useCallback

useCallback​

什么useCallback​

useCallback 是一个钩子函数，用来创建React中的回调函数，创建的回调函数不会总在组件重新渲染时重新创建

怎么使用useCallback​

useCallback()

参数：

  1. 回调函数

  2. 依赖数组：当依赖数组中的变量发生变化时，回调函数才会重新创建，如果不指定依赖数组，回调函数每次都会重新创建一定要将回调函数中使用到的所有变量都设置到依赖数组中除了（setState）

const clickHandler = useCallback(() => {
        setCount(prevState => prevState + num);
        setNum(prevState => num + 1);
    }, [num]);