react 官网为啥没有 class 组件和生命周期之类的介绍了，是 react 新版本废弃了么？
devzhaoyou · 2024-03-30 19:57:58 +08:00 · 3383 次点击这是一个创建于 459 天前的主题，其中的信息可能已经有所发展或是发生改变。
同题，本人新学 react 了解了 hook ，context 这些，官网介绍也都是函数式组件写法，react 同学指导一下
 |
1
codehz 2024-03-30 20:02:46 +08:00
确实是不再推荐了，因为和并行渲染这些新的机制有冲突
|
 |
2
epiloguess 2024-03-30 20:10:39 +08:00 via Android
|
 |
3
BeijingBaby 2024-03-30 20:14:44 +08:00
都是函数了，不用去记 class 各种 特定方法的函数生命周期了，函数最简单。。
|
 |
4
winterpotato 2024-03-30 20:16:55 +08:00
对，现在已经函数式了。class 的那种是上古遗留
|
 |
5
devzhaoyou OP @codehz 原来如此，感谢，不用再学 class 这些了，感觉 react 的东西也不是很多，挺简单的了
|
|
6
devzhaoyou OP 好的，看一遍官网，准备写个小项目，没有 class 还以为自己落了啥
|
|
7
devzhaoyou OP @BeijingBaby 好的，看一遍官网，准备写个小项目，没有 class 还以为自己落了啥
|
 |
8
Xu3Xan89YsA7oP64 2024-03-30 20:57:50 +08:00
现在的 react ，学下 jsx 语法和 2 个 hooks ，一天就能入门上手做项目了
|
 |
9
weijancc 2024-03-30 21:13:15 +08:00
我也是最近重新看了新版 react, 比起旧版本太好上手了.
|
 |
10
iOCZS 2024-03-30 21:58:46 +08:00
class 已废弃，但是 component 还是内置组件基础。自己实现的组件都是内置的组合，所以用函数组件。
函数组件学习容易，上手却是很困难的。基本上都在重复渲染。。。。 |
 |
11
ChrisFreeMan 2024-03-30 22:14:25 +08:00
喜欢写 class 就去看看 web components 原生，无依赖
|
|
12
devzhaoyou OP @iOCZS 学习确实容易，上手难是指什么呢？
|
|
13
codehz 2024-03-31 09:43:23 +08:00
@iOCZS 你这个理解上有一些问题，首先不管 class 组件还是 function 组件，都需要重复执行 render ，react 的核心算法就是根据生成的 vdom 去 diff ，这个是无法避免的。
只不过，传统 class 组件有提供简便的（但实际上很容易误用的）方法去直接跳过更新，这个能力在函数组件里是否存在呢，也是有的，就是那个 memo 函数，当然由于 hook 的存在，不能像函数组件那样屏蔽来自 hook 的更新，但这也导致写出有问题的代码更为困难了 |
 |
14
totoro52 2024-03-31 12:56:46 +08:00
clas 用起来怪怪的，还是函数好用
|
|
15
devzhaoyou OP 发现前端相关的争论还是挺多的，react VS vue, react 内部各种版本写法都有好坏的争论😄
|
 |
16
ZGame 2024-04-01 09:36:35 +08:00
有一个问题,对于低代码编辑器这种复杂的前端工程 ，如果不用类去写 单纯用 hooks 如何去做。。 比如如果用类的话 Engine 里构造函数里可以包含很多上下文的引用, interface 和继承去扩展方法
|
|
17
devzhaoyou OP @ZGame 不了解，蹲一个好的答案，让我只学函数组件
 |
 |
18
shunia 2024-04-01 10:48:45 +08:00
@ZGame #16 React 是库不是语言。你写的是 javascript ，js 该怎么写你就怎么写。这是完全不同的两个领域的问题。
|
 |
19
realJamespond 2024-04-01 12:58:26 +08:00
不是专业的话建议 tailwind+solidjs ， 没有副作用，没有运行时打包才几 k
|
Select Language