React 进阶面试题, 在 React 中如何更新组件的状态?状态改变的过程是什么?
React 进阶面试题, 在 React 中如何更新组件的状态?状态改变的过程是什么?
QA
Step 1
Q:: 在 React 中如何更新组件的状态？状态改变的过程是什么？
A:: 在 React 中，组件的状态是通过 setState（类组件）或者 useState（函数组件）来更新的。状态的改变触发组件的重新渲染。整个过程是：1）React 通过 setState 或 useState 接收到状态的变化；2）React 通过 diffing 算法比较新旧虚拟 DOM 树的区别；3）找到差异后，React 只更新需要变动的部分，从而高效地更新 DOM，保持页面的高性能。
Step 2
Q:: 什么是 React 的生命周期方法？如何使用它们？
A:: React 的生命周期方法是指类组件在不同阶段会自动调用的一系列方法。主要分为三个阶段：挂载阶段（如 componentDidMount）、更新阶段（如 componentDidUpdate）和卸载阶段（如 componentWillUnmount）。这些方法可以用来处理副作用，如数据获取、事件监听、清理操作等。
Step 3
Q:: React 中的状态和 props 有什么区别？
A:: 状态（state）是组件内部管理的数据，可以通过 setState 或 useState 来更新，通常用于存储用户输入、UI 状态等。Props 是父组件传递给子组件的数据，子组件无法改变这些数据，只能读取它们。状态是组件内部可变的，而 props 是外部传入的、不可变的。
Step 4
Q:: 什么是 React 中的虚拟 DOM？为什么它很重要？
A:: 虚拟 DOM 是 React 用于优化渲染性能的一个抽象概念。它是实际 DOM 的轻量级表示。当状态或 props 改变时，React 首先在虚拟 DOM 上进行比较操作（diffing），找出需要更新的部分，然后将这些变化高效地更新到实际 DOM 上。虚拟 DOM 提升了 React 应用的性能，尤其是在复杂的 UI 结构中。