Composition API 与 React Hook 很像，区别是什么？

从 React Hook 的实现角度看，React Hook 是根据 useState 调用的顺序来确定下一次重渲染时的 state 是来源于哪个 useState，所以出现了以下限制：

• 不能在循环、条件、嵌套函数中调用 Hook；
  
• 必须确保总是在你的 React 函数的顶层调用 Hook；
  
• useEffect、useMemo 等函数必须手动确定依赖关系。
  

而 Composition API 是基于 Vue 的响应式系统实现的，与 React Hook 的相比：

• 声明在 setup 函数内，一次组件实例化只调用一次 setup，而 React Hook 每次重渲染都需要调用 Hook，使得React 的 GC 比 Vue 更有压力，性能也相对于 Vue 来说也较慢；
  
• Compositon API 的调用不需要顾虑调用顺序，也可以在循环、条件、嵌套函数中使用；
  
• 响应式系统自动实现了依赖收集，进而组件的部分的性能优化由 Vue 内部自己完成，而 React Hook 需要手动传入依赖，而且必须保证依赖的顺序，让 useEffect、useMemo 等函数正确的捕获依赖变量，否则会由于依赖不正确使得组件性能下降。
  

虽然 Compositon API 看起来比 React Hook 好用，但是其设计思想也是借鉴 React Hook 的。

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

很好很强大  我过来先占个楼 待编辑

感谢分享，学习下。

懂技术并乐意极积无私分享的人越来越少。珍惜

感谢，下载保存了

收藏一下   不知道什么时候能用到

yyds。多谢分享

感谢分享，下载保存了，貌似很强大

前排留名，哈哈哈

不错，里面软件多更新就更好了

yyds。多谢分享

谢谢楼主提供！

谢谢分享，辛苦了

收藏一下   不知道什么时候能用到

懂技术并乐意极积无私分享的人越来越少。珍惜

前排留名，哈哈哈

喜欢鼓捣这些软件，现在用得少，谢谢分享！

感谢分享，学习下。

这个好，看起来很实用

用心讨论，共获提升！