type
status
date
slug
tags
category
icon
password
这里写文章的前言:
一个简单的开头,简述这篇文章讨论的问题、目标、人物、背景是什么?并简述你给出的答案。
可以说说你的故事:阻碍、努力、结果成果,意外与转折。
React 函数组件与类组件的区别
参考答案:
- 类组件支持生命周期方法 (
componentDidMount
、componentDidUpdate
等),函数组件通过 Hooks(如useEffect
)来实现副作用。
- 类组件通过
this.state
管理状态,函数组件通过useState
等 Hooks。
- 函数组件更轻量、无
this
,避免了许多绑定问题,并且更易于复用 Hooks。
延伸追问:
useEffect 如何模拟类组件的 componentDidMount、componentDidUpdate 和 componentWillUnmount?解答:
componentDidMount
:useEffect(() => { /* mount */ }, []);
componentDidUpdate
:useEffect(() => { /* update */ });
(不加依赖,或指定具体依赖)
componentWillUnmount
:在useEffect
返回的清理函数中执行:
- 作者:CC
- 链接:https://juejin.cn/user/1086748304878360/article/1eb42600-9788-8092-ae2b-c1c9b463f834
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。