| 失效链接处理 |
|
面试题React篇 PDF 下载
相关截图：
主要内容：
2.描述React中的函数组件和类组件之间的区别
React中的函数组件和类组件之间存在显著的区别，以下是对这些区别的详细描述：
1. 语法与设计思想：
函数组件：采⽤函数式编程思想，使⽤纯JavaScript函数定义。函数组件接收⼀个输⼊参数
props ，并返回⼀个React元素或⼀组React元素作为输出。
类组件：采⽤⾯向对象编程思想，使⽤ES6类语法定义。类组件必须扩展
React.Component 类，并实现 render() ⽅法，该⽅法返回⼀个React元素。
2. 状态与⽣命周期：
函数组件：没有⾃⼰的内部状态（state），但在React 16.8版本之后引⼊的Hooks（如
useState ）允许函数组件添加状态。函数组件使⽤Hooks（如 useEffect ）来实现类组
件中的某些⽣命周期⽅法功能。
类组件：使⽤ state 对象定义状态变量，并拥有⼀系列⽣命周期⽅法，如
componentDidMount 、 shouldComponentUpdate 等。
3. 复⽤性：
函数组件：使⽤⾃定义Hooks实现逻辑复⽤。
类组件：除了使⽤⾃定义Hooks外，还可以使⽤⾼阶组件（HOC）和render props等⽅式实现
逻辑复⽤。
4. 优缺点：
函数组件：
优点：代码量更少，更简洁，可读性更强；更易于拆分组件和测试。
缺点：在业务逻辑复杂、状态依赖关系错乱的情况下，使⽤Hooks（如 useEffect 、
useMemo ）可能会增加⼼智负担；不具备处理错误边界等业务情况的内置Hooks。
类组件：
优点：功能完备，具有处理边界错误的钩⼦函数（如 componentDidCatch 、
getDerivedStateFromError ）。
缺点：在复⽤性上，⾼阶组件等可能会带来诸如嵌套地狱、重名props被覆盖、难以拆分和
测试等问题。
|
苏公网安备 32061202001004号
