React 高阶组件、Render props、hooks 有什么区别，为什么要不断迭代？

Question

React 高阶组件、Render props、hooks 有什么区别，为什么要不断迭代？

Answer 1

1.高阶组件(HOC)是React中复用组件的一种高级技巧,高阶组件是一个函数，传入一个组件返回一个新组件，并且是一个纯函数没有副作用
2.render props 用于使用一个值为函数的 prop 在 React 组件之间的代码共享 简单来说就是是一个用于告知组件需要渲染什么内容的函数 prop
3.Hooks是一个新的React特性提案，组件尽量写成纯函数，如果需要外部React特性（比如状态管理，生命周期），就用钩子把外部特性"钩"进来，通常函数名字都是以use开头。首次在v16.7.0-alpha版本中添加，在v16.8.0中正式发布。
至于为什么要不断迭代，react中高阶组件和 Render props 都有各自的缺陷，如高阶组件的 props 重名问题 render props无法在return外访问数据等...，迭代就是为了解决以上问题，让react变得越来越完善