排序
面试题:React 是否必须使用 JSX?为什么?
不,React 并不强制要求使用 JSX。 JSX 是一个语法扩展,它允许你在 JavaScript 代码中编写类似 HTML 的标记。虽然在现代 React 开发中 JSX 几乎是标配,但从技术上讲,你完全可以不用它。 1. ...
面试题:React 中如何为非受控组件设置默认值?
在 React 中,为非受控组件(Uncontrolled Component)设置默认值,需要使用特定的属性,而不是受控组件中使用的 value 属性。 核心方法:使用 defaultValue 和 defaultChecked 由于非受控组件...
面试题:React 的触摸事件有哪些?
在 React 中,为了支持移动设备上的触摸交互,提供了一系列触摸事件(Touch Events)。这些事件与原生 DOM 的触摸事件一一对应,但遵循 React 的合成事件系统(SyntheticEvent),并采用驼峰命...
面试题:如何使用 React 开发任务记录网站?实现思路是什么?
开发一个任务记录网站(To-Do List)是 React 的经典入门项目,它涵盖了组件化、状态管理、用户交互等核心概念。以下是详细的实现思路和步骤: 一、功能需求分析 一个基础的任务记录网站通常包...
面试题:React 生命周期有哪些阶段?每个阶段对应的函数是什么?
React 组件的生命周期描述了组件从创建到销毁的整个过程。在 React 16.3 版本之后,生命周期方法发生了重要更新,引入了新的静态生命周期方法,并标记了一些旧方法为不安全(即将废弃)。 以下...
面试题:什么是 React 的实例?函数式组件是否有实例?
这是一道考察对 React 运行机制 理解深度的好题,尤其是对 函数式组件本质 的认知。 下面从概念、类组件 vs 函数组件、以及面试陷阱三个层次来拆解。 一、什么是 React 的“实例”? 在 React ...
面试题:在 React Router 中如何获取历史对象?
在 React Router 中,“历史对象”(history object)用于导航和管理浏览器的历史记录栈。获取历史对象的方式随着 React Router 版本的演进而变化,尤其在 v5 和 v6 之间有重大差异。 以下是不...
面试题:什么是 React 的事件机制?
这是一道考察React事件系统设计原理的面试题,可以很好地体现你对React底层实现的了解程度。 下面从机制概述、核心设计、工作流程、与原生事件的区别四个维度来拆解。 一、核心结论 React的事件...
面试题:在 React 中,如何判断点击的元素属于哪个组件?
在 React 中,判断点击的元素属于哪个组件,核心思路是利用事件对象 (event) 和 DOM 元素的特性来确定点击目标。由于 React 使用合成事件 (SyntheticEvent),并且组件最终会渲染为具体的 DOM 节...
面试题:React 中,父子组件如何进行通信?
在 React 中,组件通信是构建复杂应用的核心。父子组件通信是最基础、最常见的方式,其核心原则是 “数据单向流动” —— 数据从父组件流向子组件。 1. 父组件向子组件传递数据:通过 props 这...
