1.React.memo
语法:const 新组件名 = React.memo(组件名)
作用:避免组件的无效更新,类似 类组件里面的PureComponent
2.useMemo
作用:自带缓存效果,避免重复计算,类似vue中的计算属性
语法:
const newA = useMemo(()=>{
return a * 2
},[a])
3.useCallback
作用:避免函数被重复定义
语法:
const [a,setA] = useState(0)
const handleAdd =useCallback((c:number)=>{
setA(c+1)
},[])