简单3个好习惯,让react项目性能飞起来~

71 阅读1分钟

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)
},[])