• 请不要在回答技术问题时复制粘贴 AI 生成的内容
Lostbit
V2EX  ›  程序员

大家写 React 项目都用 React hooks 吗,为啥我感觉没有 class 的方式好用

  •  
  •   Lostbit · Dec 18, 2019 · 7592 views
    This topic created in 2515 days ago, the information mentioned may be changed or developed.

    我感觉 React hooks 更适合颗粒度小的组件, 我本人更喜欢使用 class 的方式写组件

    33 replies  •  2019-12-19 20:15:54 +08:00
    qinfensky
    qinfensky
    Dec 18, 2019 via iPhone❤️1
    1
    没用过,RxJS 对我而言目前能解决大多数场景
    liuy1994g
    liuy1994g
    Dec 18, 2019 via Android
    2
    本来就是两种场景,习惯用哪种就用哪种算了
    kitebear
    kitebear
    Dec 18, 2019
    3
    如果是简单的组件的话可以用 react hooks,如果是复杂的话用 class,都一样不需要用 react hooks 专门装*的
    onfuns
    onfuns
    Dec 18, 2019
    4
    hooks 爽,做性能优化写的代码要少很多。
    azcvcza
    azcvcza
    Dec 18, 2019
    5
    生命周期的一大问题是,相同操作一大堆的时候没法优化
    yuankui
    yuankui
    Dec 18, 2019
    6
    @qinfensky RxJS 用来解决什么问题的?
    newbieRenew
    newbieRenew
    Dec 18, 2019 via iPhone
    7
    全部用 hook 了,比 class 短小精悍。
    tyrealgray
    tyrealgray
    Dec 18, 2019 via Android
    8
    Hooks 方便很多
    baxtergu
    baxtergu
    Dec 18, 2019
    9
    Hooks 可以把散落在各个生命周期里的代码整合起来
    duan602728596
    duan602728596
    Dec 18, 2019 via iPhone
    10
    hook 更好,解决了数据生命周期的烦恼,精简了代码,开发写的飞快
    peterjose
    peterjose
    Dec 18, 2019
    11
    最大区别就是函数式吧 前端趋势 不过看个人口味 没有绝对
    54sword
    54sword
    Dec 18, 2019❤️4
    12
    fanfou
    fanfou
    Dec 18, 2019
    13
    hook 解决了组件逻辑复用问题。
    hezhiming1993
    hezhiming1993
    Dec 18, 2019 via Android
    14
    @fanfou 如何理解
    blessyou
    blessyou
    Dec 18, 2019 via Android
    15
    我就喜欢函数
    hyyou2010
    hyyou2010
    Dec 18, 2019
    16
    刚开始不习惯,后来都用 hooks 了。优点的话,印象中,setState 时会考虑 immutable 什么的,现在不用了。另外不用思考那些钩子函数了。但现在并不很全面,有个 previous state 的处理不太好。
    Lanayaaa
    Lanayaaa
    Dec 18, 2019
    17
    @qinfensky 可否给个 例子? 想学习下。
    walpurgis
    walpurgis
    Dec 18, 2019
    18
    react 换纯函数 hooks 是趋势,个人体验下来挺好的,喜欢生命周期函数可以换 vue
    ljpCN
    ljpCN
    Dec 18, 2019
    19
    个人用到的一小部分来讲,hooks 让我最爽的在于 useEffect,有了 useEffect 我不用在各种点击事件的回调里写一堆处理了,尤其是很多重复的处理。我只需要在回调里改动一个 state,然后用 useEffect 去对 state 的变化监听。useEffect 也使得我的包含复杂状态的组件哪些事件对应哪些操作变得清晰起来。
    zhuzhibin
    zhuzhibin
    Dec 18, 2019 via iPhone
    20
    下午刚看文档 准备用上了
    dartabe
    dartabe
    Dec 18, 2019
    21
    切到 hook 暂时还没发现问题 react 全员函数式了 挺好的
    Lostbit
    Lostbit
    OP
    Dec 18, 2019
    22
    @duan602728596 但遇到稍微复杂点的组件,使用 useEffect 并没有使用声明周期函数来的直观,更容易理解和维护。
    所以我就认为 hooks 更适合小而简单的组件,复杂点的组件走 class 更好
    qinfensky
    qinfensky
    Dec 18, 2019
    23
    @yuankui @PainAndLove RxJS 在很多异步场景都非常实用,Rx 是很棒的思想,有着多语言的实现,例如 RxSwift、RxJava 等等,https://rxjs.dev/
    shuhao
    shuhao
    Dec 18, 2019 via Android
    24
    用 Hooks 就不用写烦人的 this 了
    yilingersier
    yilingersier
    Dec 18, 2019
    25
    Hook 赛高,除了 SSR 真没办法,其他的生命周期问题基本上 useEffect 暂时都能解决。不写 class 一时爽,一直不写一直爽
    ericgui
    ericgui
    Dec 19, 2019
    26
    我组长傻逼一个,一会儿用 class,一会儿用 function
    April5
    April5
    Dec 19, 2019
    27
    react hook 需要摒弃以前用 class 的思想去写代码
    hook 用熟了,class 一套就只维护旧项目好了
    Torpedo
    Torpedo
    Dec 19, 2019
    28
    hook 明显好用很多。只是有些坑需要注意
    OSF2E
    OSF2E
    Dec 19, 2019
    29
    可能你的关注点在于“良好的开发体验”上吧……如果把关注点提升为把控完整的开发流程……你会发现 hook 更优秀……

    类比一下,你目前关心相当于是“茴”字的几种写法,而不是如何用汉字创作一篇完整的文章……如果觉得类比的不恰当请勿责怪
    rodjl
    rodjl
    Dec 19, 2019 via iPhone
    30
    hook 主要小心 stale closure 的问题
    royzxq
    royzxq
    Dec 19, 2019
    31
    hooks 和 class 一起用的现在瑟瑟发抖
    CodingNaux
    CodingNaux
    Dec 19, 2019
    32
    @qinfensky rxjs 怎么和 react 结合的,感觉学习成本高啊,项目也没那么复杂
    qinfensky
    qinfensky
    Dec 19, 2019 via iPhone
    33
    @CodingNaux Rx 系列有句哲学“如果你觉得你不需要它,那就不需要”
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1914 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 103ms · UTC 01:50 · PVG 09:50 · LAX 17:50 · JFK 20:50
    ♥ Do have faith in what you're doing.