React 基础面试题, React 中 key 的作用是什么?

Virtual DOM 是 React 中的一种轻量级的 JavaScript 对象，它是真实 DOM 的抽象表示。每次 UI 发生变化时，React 会先更新 Virtual DOM，然后通过 Diff 算法比较新旧 Virtual DOM 的差异，最后将变化应用到真实 DOM 中。这种方式可以减少直接操作 DOM 所带来的性能开销，从而提高应用的性能。

React 组件的生命周期分为三个主要阶段：装载（Mounting）、更新（Updating）和卸载（Unmounting）。在每个阶段，React 提供了特定的生命周期方法，例如 componentDidMount、shouldComponentUpdate 和 componentWillUnmount，这些方法可以被开发者用来在特定的时刻执行代码，比如获取数据、设置订阅或清理资源。

状态提升（State Lifting）是指将多个组件需要共享的 state 提升到它们的最近共同父组件中进行管理。这种模式有助于保持状态的单一数据源（Single Source of Truth），避免因为状态不一致而导致的组件渲染错误或逻辑问题。通过状态提升，父组件可以统一处理状态变化，确保子组件间的数据保持同步。

Hooks 是 React 16.8 引入的新特性，它允许在函数组件中使用 state 和其它 React 特性，如生命周期方法。常用的 Hooks 包括 useState、useEffect 和 useContext。Hooks 提升了函数组件的能力，使其能够替代类组件的大部分功能，同时简化了组件间的逻辑复用。