中级React面试题

1. 什么是 React Fragments（片段）？

React Fragments 是一种特殊的组件，用于在不引入额外 DOM 元素的情况下包裹多个子元素。它们可以帮助我们解决在返回多个元素时出现的包裹问题。

2. React 中的受控组件和非受控组件有什么区别？

受控组件是由 React 控制其状态和值的组件。它们通过 props 接收值，并通过事件处理函数触发状态更新。非受控组件则是由 DOM 自身管理状态的组件，通常使用 ref 获取表单值。

3. 在 React 中如何进行条件渲染？

在 React 中进行条件渲染有多种方式，包括使用条件语句（如 if-else、三元表达式）、逻辑与运算符（&&）、或者使用 JSX 的 {condition ? element : null} 语法。

4. 什么是 React 中的上下文（Context）？

上下文是一种在组件树中共享数据的方式，它可以避免通过 props 在组件之间层层传递数据。使用 React 的 Context API，我们可以在组件树中定义数据源，并使其在整个应用程序中可访问。

5. React 中的虚拟 DOM（Virtual DOM）是什么？

虚拟 DOM 是 React 的一种性能优化技术。它是 React 自己实现的一种轻量级的 DOM 抽象，用于在内存中表示真实 DOM 的状态。通过对比虚拟 DOM 的变化，React 可以最小化对实际 DOM 的操作，提高应用程序的性能。