关于 react-hooks 一个可能跟性能有关的疑问

 function Demo(){     const [count, setCount] = useState(0);          useEffect(()=>{          },[])          const func_1 = () => { //... }     const func_2 = () => { //... }     const func_3 = () => { //... }     // 这里还有 const 其他变量...          return <div/> } 

• 資深大佬 : CodingNaux

  看文档

• 資深大佬 : lbw

  1. 示例代码的 Demo 函数就是函数式组件，那么在组件 props 变化或 hook 状态改变，必然要通过调用整个 Demo 函数来产生新的 vnode，进而更新 dom，因为函数式组件本身就是一个函数！！它只有通过重新调用才能产生新的副作用，而不像 class 可通过调用 render
  2. 对应的你说的因每次调用 Demo 而产生的性能问题，react 官方通过 hook 的第二个参数（即上文 useEffect 的空数组）来实现在每次 Demo 函数调用期间实现使用缓存，而不是每次都重新计算，这也是 hook 的特性之一
  3. 其他比如 useCallback useMemo 等 hook 均是通过第二个参数数组来申明 hook 的依赖，进而实现复用缓存
  4. class 中 render 起到的作用就是调用函数式组件的调用结果——产生新的 vnode，进而通过协调算法更新视图。class 组件和函数式组件的本质区别之一就是 class 自带生命周期和状态

• 資深大佬 : whe

  useMemo & useCallback

• 資深大佬 : duan602728596

  可以用 useMemo 和 useCallback，让变量或者函数只在依赖变化时重新计算。
  性能的话，大部分项目还没有复杂到必须进行性能优化。

• 資深大佬 : CodingNaux

  有些函数都没必要用 useCallback 包裹，丢在组件外面就可以了

• 資深大佬 : CodingNaux

  有些简单计算没必要用 useMemo 包裹

• 資深大佬 : zhuangzhuang1988

  react 就这样 引入 hook 心智负担变得更大了

  vue 相对好很多, 不过也有坑, 很容易组件就不响应式了

• 資深大佬 : pyplayer

  https://kedong.me/article/17

• 資深大佬 : lancelock

  最近也在写 hooks 。优点是很明显，但感觉并非完美方案

• 資深大佬 : zhuweiyou

  太小看 现代电脑 /手机了，一般的场景，还没到性能优化的地步。有这功夫还不如想想，怎么优化一下用户体验。

• 資深大佬 : fanchangyong

  变量定义本身的性能消耗可以忽略不计的，如果你的变量定义依赖一个复杂运算的结果，那么这个运算可以用 useMemo 来缓存结果，在依赖不变的情况下不会重复执行计算过程。

• 資深大佬 : WeiShurong

  上都说的很好了。补充一下，如果你真的很在乎 render 的次数，你可以使用 React.memo 包裹函数式组件，这样只有 prop 变更时，才会调用（和 shouldComponentUpdate 一样）

• 資深大佬 : joesonw

  1. 有改变只会是 vdom 改变, 之后还要做 diff 的. 影响性能是在是忽略不计了.
  2. hook 本身有缓存机制, 善用. 例如回调用 useCallback 的话, 只在 dependency list 变化的情况下才会重新取值(取函数)

• 資深大佬 : love

  别说会重新执行函数了，更大的坑是小心别引用了旧变量。

  所以我觉得 vue 版 hooks 是更优设计

• 資深大佬 : seki

  虚拟 dom 计算这一层是纯 js 的，一般来讲对性能影响不大。改变 dom 对性能的影响是更主要的

  其它的，在了解 hooks 之前先了解一下 function component 更好

• 資深大佬 : ChefIsAwesome

  有影响。大不大看你组件复杂不复杂。

• 資深大佬 : sucai

  在外面用 react.memo 包一下 Demo

• 資深大佬 : dcatfly

  建议先完整阅读一遍 react hooks 相关的文档，你说的这些问题文档都有解

• 資深大佬 : myCupOfTea

  有影响,不过不是太太太复杂的系统可以忽略不计,所以才有了 useRef useMemo useCallback

• 資深大佬 : limi58

  一般重复定义只是定义而已，性能消耗忽略不计，并没有复杂运算，如果有，useMemo useCallback 直接上场

• 資深大佬 : royzxq

  合理利用 useMemo useCallback