react 官网为啥没有 class 组件和生命周期之类的介绍了,是 react 新版本废弃了么? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
devzhaoyou
V2EX    React

react 官网为啥没有 class 组件和生命周期之类的介绍了,是 react 新版本废弃了么?

  •  1
     
  •   devzhaoyou
    pixpark 2024 年 3 月 30 日 3719 次点击
    这是一个创建于 721 天前的主题,其中的信息可能已经有所发展或是发生改变。

    同题,本人新学 react 了解了 hook ,context 这些,官网介绍也都是函数式组件写法,react 同学指导一下

    19 条回复    2024-04-01 12:58:26 +08:00
    codehz
        1
    codehz  
       2024 年 3 月 30 日
    确实是不再推荐了,因为和并行渲染这些新的机制有冲突
    epiloguess
        2
    epiloguess  
       2024 年 3 月 30 日 via Android
    确实,目前函数式组件是主流
    参考
    https://npmstats.com/package/react
    BeijingBaby
        3
    BeijingBaby  
       2024 年 3 月 30 日
    都是函数了,不用去记 class 各种 特定方法的函数生命周期了,函数最简单。。
    winterpotato
        4
    winterpotato  
       2024 年 3 月 30 日
    对,现在已经函数式了。class 的那种是上古遗留
    devzhaoyou
        5
    devzhaoyou  
    OP
       2024 年 3 月 30 日
    @codehz 原来如此,感谢,不用再学 class 这些了,感觉 react 的东西也不是很多,挺简单的了
    devzhaoyou
        6
    devzhaoyou  
    OP
       2024 年 3 月 30 日
    好的,看一遍官网,准备写个小项目,没有 class 还以为自己落了啥
    devzhaoyou
        7
    devzhaoyou  
    OP
       2024 年 3 月 30 日
    @BeijingBaby 好的,看一遍官网,准备写个小项目,没有 class 还以为自己落了啥
    Xu3Xan89YsA7oP64
        8
    Xu3Xan89YsA7oP64  
       2024 年 3 月 30 日
    现在的 react ,学下 jsx 语法和 2 个 hooks ,一天就能入门上手做项目了
    weijancc
        9
    weijancc  
       2024 年 3 月 30 日
    我也是最近重新看了新版 react, 比起旧版本太好上手了.
    iOCZS
        10
    iOCZS  
       2024 年 3 月 30 日
    class 已废弃,但是 component 还是内置组件基础。自己实现的组件都是内置的组合,所以用函数组件。
    函数组件学习容易,上手却是很困难的。基本上都在重复渲染。。。。
    ChrisFreeMan
        11
    ChrisFreeMan  
       2024 年 3 月 30 日
    喜欢写 class 就去看看 web components 原生,无依赖
    devzhaoyou
        12
    devzhaoyou  
    OP
       2024 年 3 月 30 日
    @iOCZS 学习确实容易,上手难是指什么呢?
    codehz
        13
    codehz  
       2024 年 3 月 31 日
    @iOCZS 你这个理解上有一些问题,首先不管 class 组件还是 function 组件,都需要重复执行 render ,react 的核心算法就是根据生成的 vdom 去 diff ,这个是无法避免的。
    只不过,传统 class 组件有提供简便的(但实际上很容易误用的)方法去直接跳过更新,这个能力在函数组件里是否存在呢,也是有的,就是那个 memo 函数,当然由于 hook 的存在,不能像函数组件那样屏蔽来自 hook 的更新,但这也导致写出有问题的代码更为困难了
    MIUIOS
        14
    MIUIOS  
       2024 年 3 月 31 日
    clas 用起来怪怪的,还是函数好用
    devzhaoyou
        15
    devzhaoyou  
    OP
       2024 年 3 月 31 日
    发现前端相关的争论还是挺多的,react VS vue, react 内部各种版本写法都有好坏的争论
    ZGame
        16
    ZGame  
       2024 年 4 月 1 日
    有一个问题,对于低代码编辑器这种复杂的前端工程 ,如果不用类去写 单纯用 hooks 如何去做。。 比如如果用类的话 Engine 里构造函数里可以包含很多上下文的引用, interface 和继承去扩展方法
    devzhaoyou
        17
    devzhaoyou  
    OP
       2024 年 4 月 1 日
    @ZGame 不了解,蹲一个好的答案,让我只学函数组件
    shunia
        18
    shunia  
       2024 年 4 月 1 日
    @ZGame #16 React 是库不是语言。你写的是 Javascript ,js 该怎么写你就怎么写。这是完全不同的两个领域的问题。
    realJamespond
        19
    realJamespond  
       2024 年 4 月 1 日
    不是专业的话建议 tailwind+solidjs , 没有副作用,没有运行时打包才几 k
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     857 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 23ms UTC 21:38 PVG 05:38 LAX 14:38 JFK 17:38
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86