type
status
date
slug
tags
category
icon
password
😀
这里写文章的前言: 一个简单的开头,简述这篇文章讨论的问题、目标、人物、背景是什么?并简述你给出的答案。
可以说说你的故事:阻碍、努力、结果成果,意外与转折。
 

React 函数组件与类组件的区别

参考答案:
  • 类组件支持生命周期方法 (componentDidMountcomponentDidUpdate 等),函数组件通过 Hooks(如 useEffect)来实现副作用。
  • 类组件通过 this.state 管理状态,函数组件通过 useState 等 Hooks。
  • 函数组件更轻量、无 this,避免了许多绑定问题,并且更易于复用 Hooks。
延伸追问:
useEffect 如何模拟类组件的 componentDidMount、componentDidUpdate 和 componentWillUnmount?
解答:
  • componentDidMountuseEffect(() => { /* mount */ }, []);
  • componentDidUpdateuseEffect(() => { /* update */ });(不加依赖,或指定具体依赖)
  • componentWillUnmount:在 useEffect 返回的清理函数中执行:
    DOM和document对象的理解在 React 中如何进行性能优化?
    Loading...