排序
面试题:React 中如何获取组件对应的 DOM 元素?
在 React 中,直接操作 DOM 通常不被推荐(应优先考虑状态驱动 UI),但在某些特定场景下(如管理焦点、触发动画、集成第三方库)需要访问真实的 DOM 元素。React 提供了 ref 来实现这一需求。 ...
面试题:React 中如何为非受控组件设置默认值?
在 React 中,为非受控组件(Uncontrolled Component)设置默认值,需要使用特定的属性,而不是受控组件中使用的 value 属性。 核心方法:使用 defaultValue 和 defaultChecked 由于非受控组件...
面试题:React 的触摸事件有哪些?
在 React 中,为了支持移动设备上的触摸交互,提供了一系列触摸事件(Touch Events)。这些事件与原生 DOM 的触摸事件一一对应,但遵循 React 的合成事件系统(SyntheticEvent),并采用驼峰命...
面试题:React 生命周期有哪些阶段?每个阶段对应的函数是什么?
React 组件的生命周期描述了组件从创建到销毁的整个过程。在 React 16.3 版本之后,生命周期方法发生了重要更新,引入了新的静态生命周期方法,并标记了一些旧方法为不安全(即将废弃)。 以下...
面试题:什么是 React 受控组件和非受控组件?它们有什么区别?
在 React 中,组件可以分为受控组件 (Controlled Components) 和非受控组件 (Uncontrolled Components)。这种分类主要针对处理表单元素(如 <input>, <textarea>, <select>)...
面试题:什么是无状态组件?无状态组件的应用场景有哪些?
这是一道考察React组件设计模式的经典面试题,重点在于理解函数式编程思想和组件最佳实践。 下面从定义、特点、应用场景、以及与有状态组件的对比来拆解。 一、核心定义 什么是无状态组件? 无...
面试题:为什么在 React 项目标签中使用 htmlFor 而不是 for?
在 React 项目中使用 htmlFor 而不是 for,主要原因如下: 1. JavaScript 保留字冲突 for 是 JavaScript 的保留关键字,用于 for 循环(如 for (let i = 0; i < 10; i++))。 React 组件的 J...
面试题:相比于原生开发,React 框架的优缺点是什么?
React 作为当前最流行的前端框架之一,相比原生 JavaScript(或 jQuery)开发,具有显著的优势,但也存在一些缺点。理解这些优劣对于技术选型至关重要。 一、React 的优点 1. 组件化开发 (Compo...
面试题:React 处理表单输入的方法有哪些?
在 React 中处理表单输入是常见且重要的任务。由于 React 的“单向数据流”和“状态驱动视图”特性,表单处理与原生 JavaScript 有所不同。主要方法分为两大类:受控组件 (Controlled Component...
面试题:React 组件的构造函数有什么作用?
React 组件的构造函数(constructor)是 ES6 类语法的一部分,在类组件 (Class Components) 中扮演着至关重要的角色。它的主要作用是在组件实例被创建时进行初始化设置。 构造函数的核心作用 1....
