React 基础面试题, 在 React 的 JSX 中如何写注释?
React 基础面试题, 在 React 的 JSX 中如何写注释?
QA
Step 1
Q:: 在 React 的 JSX 中如何写注释？
A:: 在 React 的 JSX 语法中，注释的书写方式与普通的 JavaScript 有所不同。为了在 JSX 中写注释，你需要使用大括号和 JavaScript 风格的注释。例如：{/* 这是一个注释 */}。注意，如果你在 JSX 外的 JavaScript 代码中写注释，可以直接使用 // 或 /* */ 的常规注释方式。
Step 2
Q:: React 中的组件生命周期有哪些？
A:: React 中的组件生命周期分为三个主要阶段：挂载（Mounting）、更新（Updating）和卸载（Unmounting）。挂载阶段包括 constructor、componentDidMount 等方法，更新阶段包括 componentDidUpdate、shouldComponentUpdate 等方法，卸载阶段包括 componentWillUnmount 方法。这些生命周期方法允许你在组件的不同阶段执行特定操作。
Step 3
Q:: React 中的状态（state）和属性（props）有什么区别？
A:: 在 React 中，state 是组件自身管理的数据，可以通过 setState 来更新，而 props 是父组件传递给子组件的数据，子组件无法修改 props 的值。state 用于保存需要组件内部自行管理和改变的数据，props 用于将数据从父组件传递到子组件，以支持组件之间的数据交流。
Step 4
Q:: 什么是虚拟 DOM，为什么 React 使用它？
A:: 虚拟 DOM 是 React 在内存中创建的一个轻量级的 DOM 树结构，它与真实 DOM 相对应。每当组件的状态或属性发生变化时，React 会首先更新虚拟 DOM，然后将其与旧的虚拟 DOM 进行比较，找出需要更新的部分，最后只将这些差异部分应用到真实 DOM 上。这样做的好处是减少了与真实 DOM 的直接交互，从而提高了性能。