V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
find456789
V2EX  ›  React

react 里, 如果只用 函数式组件,就没有必要用到 高阶组件了?

  •  
  •   find456789 ·
    find456789 · 2021-09-21 13:42:30 +08:00 · 2042 次点击
    这是一个创建于 1157 天前的主题,其中的信息可能已经有所发展或是发生改变。

    正在深入学 react

    看完了高阶组件的章节, 正在看 hooks 章节, 我发现 hooks 章节里,没有介绍高阶组件

    在网上也没有找到相关的文章

    请问:

    是不是,如果我的代码 完全采用 函数式组件 (完全不用类组件) ,就没有必要去深入研究(使用) 高阶组件了?

    谢谢

    5 条回复    2021-09-22 09:58:50 +08:00
    namelosw
        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 。
    momocraft
        2
    momocraft  
       2021-09-21 13:55:38 +08:00
    hooks 不能代替高階組件
    有沒有必要你自己決定 反正不用也能搬磚
    byzf
        3
    byzf  
       2021-09-21 15:03:53 +08:00   ❤️ 1
    高阶组件是指 HOC ?目前好像没什么库是脱离 HOC 的。

    React 的东西不需要深入研究,很多东西实际上都是自发产生的,等你用到了在看看有没有什么约定的规范就够了。
    jojobo
        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
    JerryCha
        5
    JerryCha  
       2021-09-22 09:58:50 +08:00
    并不,HOC 依然可以满天飞
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1383 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 17:34 · PVG 01:34 · LAX 09:34 · JFK 12:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.