hooks经典问题

[et-hh]

hook A依赖某种结构的值，hook B异步返回这种结构，但异步逻辑完成前返回空值

https://www.zhihu.com/question/350523308

hook接收函数作为参数，函数可能要useCallback包裹，不然会造成死循环渲染

闭包陷阱

https://www.jianshu.com/p/6a512f78536a

React Hook 和 Vue Hook 对比

其实 React Hook 的限制非常多，比如官方文档中就专门有一个章节介绍它的限制：

• 不要在循环，条件或嵌套函数中调用 Hook
• 确保总是在你的 React 函数的最顶层调用他们。
• 遵守这条规则，你就能确保 Hook 在每一次渲染中都按照同样的顺序被调用。这让 React 能够在多次的 useState 和 useEffect 调- 用之间保持 hook 状态的正确。

而 Vue 带来的不同在于：

• 与 React Hooks 相同级别的逻辑组合功能，但有一些重要的区别。 与 React Hook 不同，setup 函数仅被调用一次，这在性能上比较占优。
• 对调用顺序没什么要求，每次渲染中不会反复调用 Hook 函数，产生的的 GC 压力较小。
• 不必考虑几乎总是需要 useCallback 的问题，以防止传递函数prop给子组件的引用变化，导致无必要的重新渲染。
• React Hook 有臭名昭著的闭包陷阱问题（甚至成了一道热门面试题，omg），如果用户忘记传递正确的依赖项数组，useEffect 和 useMemo 可能会捕获过时的变量，这不受此问题的影响。 Vue 的自动依赖关系跟踪确保观察者和计算值始终正确无误。
• 不得不提一句，React Hook 里的「依赖」是需要你去手动声明的，而且官方提供了一个 eslint 插件，这个插件虽然大部分时候挺有用的，但是有时候也特别烦人，需要你手动加一行丑陋的注释去关闭它。

https://zhuanlan.zhihu.com/p/133819602