react 里， 如果只用 函数式组件，就没有必要用到 高阶组件了？
find456789 · find456789 · 2021-09-21 13:42:30 +08:00 · 2048 次点击这是一个创建于 1161 天前的主题，其中的信息可能已经有所发展或是发生改变。
正在深入学 react
看完了高阶组件的章节， 正在看 hooks 章节， 我发现 hooks 章节里，没有介绍高阶组件
在网上也没有找到相关的文章
请问：
是不是，如果我的代码 完全采用 函数式组件 （完全不用类组件） ，就没有必要去深入研究（使用） 高阶组件了？
谢谢
 |
1
namelosw 2021-09-21 13:55:29 +08:00  2
高阶组件 = 接受参数返回一个组件，可以是类，也可以不是。所以还是可以有用函数写出来的高阶组件。
Hooks 算半个高阶组件替代品，就是以前只管纯逻辑的高阶组件，现在都可以改成用 Hooks 写了。 但是和 view 有关的高阶组件，Hooks 还是不太够用，比如： const Heading = heading => Comp => props => <Heading text={heading}><Comp {…props}></Heading> 总的来说就是纯逻辑不会碰 JSX 的就用 Hooks，但是如果还是要返回 JSX 有时候还是要用高阶组件或者 render callbacks 。 |
 |
2
momocraft 2021-09-21 13:55:38 +08:00
hooks 不能代替高階組件
有沒有必要你自己決定 反正不用也能搬磚 |
 |
3
byzf 2021-09-21 15:03:53 +08:00 1
高阶组件是指 HOC ？目前好像没什么库是脱离 HOC 的。
React 的东西不需要深入研究，很多东西实际上都是自发产生的，等你用到了在看看有没有什么约定的规范就够了。 |
 |
4
jojobo 2021-09-22 09:43:06 +08:00
先有个认知，无论是 Hook 还是 HOC 都是为了解决状态逻辑复用
在 Hook 出现之前，先有了 Mixin，但 Mixin 的副作用比作用大，官方宣布放弃。后来搞出 HOC，但缺点在于嵌套地狱，调试代码很麻烦，所以就出来了 Hook Hook 解决了什么问题？ 无 class 的复杂性（对标 class ） 无生命周期的困扰（对标 class ） 优雅的复用（对标 HOC ） 你看，Hook 既符合 react 的函数式编程的思想，又比 class 写起来简单易懂，比起 HOC 复用性又强，谁不喜欢 Hook |
 |
5
JerryCha 2021-09-22 09:58:50 +08:00
并不，HOC 依然可以满天飞
|
Select Language