面试题：React 生命周期有哪些阶段？每个阶段对应的函数是什么？
React 组件的生命周期描述了组件从创建到销毁的整个过程。在 React 16.3 版本之后，生命周期方法发生了重要更新，引入了新的静态生命周期方法，并标记了一些旧方法为不安全（即将废弃）。 以下...
面试题：React 的触摸事件有哪些？
在 React 中，为了支持移动设备上的触摸交互，提供了一系列触摸事件（Touch Events）。这些事件与原生 DOM 的触摸事件一一对应，但遵循 React 的合成事件系统（SyntheticEvent），并采用驼峰命...
面试题：在 React Router 中如何获取历史对象？
在 React Router 中，“历史对象”（history object）用于导航和管理浏览器的历史记录栈。获取历史对象的方式随着 React Router 版本的演进而变化，尤其在 v5 和 v6 之间有重大差异。 以下是不...
面试题：为什么在 React 项目标签中使用 htmlFor 而不是 for？
在 React 项目中使用 htmlFor 而不是 for，主要原因如下： 1. JavaScript 保留字冲突 for 是 JavaScript 的保留关键字，用于 for 循环（如 for (let i = 0; i < 10; i++)）。 React 组件的 J...
面试题：React 中如何获取组件对应的 DOM 元素？
在 React 中，直接操作 DOM 通常不被推荐（应优先考虑状态驱动 UI），但在某些特定场景下（如管理焦点、触发动画、集成第三方库）需要访问真实的 DOM 元素。React 提供了 ref 来实现这一需求。 ...
面试题：如何将事件传递给 React 子组件？
在 React 中，由于事件处理逻辑通常位于父组件，而事件触发于子组件（如按钮点击），因此需要将事件处理函数从父组件作为 props 传递给子组件。这是 React 数据和逻辑自上而下流动的典型体现。 ...
面试题：React 的事件与普通 HTML 事件有什么区别？
React 的事件系统与原生 HTML 事件系统在使用上相似，但存在几个关键区别，主要体现在事件处理机制、事件对象和事件绑定方式上。 以下是两者的主要区别： 1. 事件命名规范不同 HTML 原生事件：...
面试题：React 处理表单输入的方法有哪些？
在 React 中处理表单输入是常见且重要的任务。由于 React 的“单向数据流”和“状态驱动视图”特性，表单处理与原生 JavaScript 有所不同。主要方法分为两大类：受控组件 (Controlled Component...
面试题：什么是 React 中类组件和函数组件？它们有什么区别？
在 React 中，类组件（Class Component） 和 函数组件（Function Component） 是定义 UI 组件的两种主要方式。随着 React Hooks 的引入，函数组件的功能大大增强，逐渐成为主流。 一、基本定义 ...
面试题：React 的代码编写规范有哪些？
遵循良好的代码规范对于编写可维护、可读性强的 React 项目至关重要。这些规范涵盖了命名、结构、JSX 语法、状态管理等多个方面。以下是 React 开发中常见的代码编写规范： 一、文件与目录结构 ...
