• 有些函数都没必要用 useCallback 包裹,丢在组件外面就可以了
    • 可以用 useMemo 和 useCallback,让变量或者函数只在依赖变化时重新计算。
    • 如果你真的很在乎 render 的次数,你可以使用 React.memo 包裹函数式组件,这样只有 prop 变更时,才会调用(和 shouldComponentUpdate 一样)
    • 虚拟 dom 计算这一层是纯 js 的,一般来讲对性能影响不大。改变 dom 对性能的影响是更主要的 其它的,在了解 hooks 之前先了解一下 function component 更好
    • 一般重复定义只是定义而已,性能消耗忽略不计,并没有复杂运算,如果有,useMemo useCallback 直接上场