react 中useCallBack浅解

60 阅读1分钟

渲染子组件, 减少不必要的渲染

react模块 import {useCallback} from 'react'

两个参数
第二个参数不填写,表示初始化或者每次更新都生成新函数
第二个参数为[], 表示只执行一次 初始化之后不再执行
第二个参数[state, ref.current], 表示组件首次执行、依赖变化时生成新函数

const render age = useCallback((age) => { return 我${age}岁啦 },[])

...

参考文章: blog.csdn.net/qq_43461877…