React 基础面试题共48篇

React 是流行的前端库,用于构建交互式用户界面。React 基础面试题的考察重点包括组件的概念、JSX 语法、props 和 state 的区别与管理、生命周期方法、事件处理、表单数据绑定、React 中的条件渲染与列表渲染、以及虚拟 DOM 的工作原理。

面试题:React JSX 怎么进行内联条件渲染?请举例说明

在 React JSX 中,内联条件渲染是一种常见且高效的技术,它允许你根据条件直接在 JSX 中决定是否渲染某个元素或渲染哪个元素。以下是几种主要的内联条件渲染方法及示例: 1. 逻辑与操作符 &...
程序百科的头像-程序百科程序百科11个月前
7415

面试题:React 中如何为非受控组件设置默认值?

在 React 中,为非受控组件(Uncontrolled Component)设置默认值,需要使用特定的属性,而不是受控组件中使用的 value 属性。 核心方法:使用 defaultValue 和 defaultChecked 由于非受控组件...
程序百科的头像-程序百科程序百科11个月前
7313

面试题:在 React Router 中如何获取历史对象?

在 React Router 中,“历史对象”(history object)用于导航和管理浏览器的历史记录栈。获取历史对象的方式随着 React Router 版本的演进而变化,尤其在 v5 和 v6 之间有重大差异。 以下是不...
程序百科的头像-程序百科程序百科11个月前
7311

面试题:为什么在 React 中使用 className 而不是 class?

在 React 中使用 className 而不是 class 来指定 HTML 元素的 CSS 类,主要原因如下: 1. JavaScript 语言保留字冲突 这是最核心的原因。 class 是 JavaScript (ES6) 中的一个保留关键字,用于...
程序百科的头像-程序百科程序百科1年前
7215

面试题:React 中,父子组件如何进行通信?

在 React 中,组件通信是构建复杂应用的核心。父子组件通信是最基础、最常见的方式,其核心原则是 “数据单向流动” —— 数据从父组件流向子组件。 1. 父组件向子组件传递数据:通过 props 这...
程序百科的头像-程序百科程序百科11个月前
6911

面试题:React 组件的构造函数有什么作用?

React 组件的构造函数(constructor)是 ES6 类语法的一部分,在类组件 (Class Components) 中扮演着至关重要的角色。它的主要作用是在组件实例被创建时进行初始化设置。 构造函数的核心作用 1....
程序百科的头像-程序百科程序百科11个月前
6811

面试题:React、React-dom 和 babel 的作用分别是什么?

React、React-dom 和 Babel 是构建现代 React 应用的三个核心工具,它们各司其职,协同工作。 1. React 作用:定义组件和管理状态的核心库。 核心功能: 提供 React.createElement()、React.Com...
程序百科的头像-程序百科程序百科11个月前
688

面试题:React 中如何获取组件对应的 DOM 元素?

在 React 中,直接操作 DOM 通常不被推荐(应优先考虑状态驱动 UI),但在某些特定场景下(如管理焦点、触发动画、集成第三方库)需要访问真实的 DOM 元素。React 提供了 ref 来实现这一需求。 ...
程序百科的头像-程序百科程序百科11个月前
6713

面试题:如何将事件传递给 React 子组件?

在 React 中,由于事件处理逻辑通常位于父组件,而事件触发于子组件(如按钮点击),因此需要将事件处理函数从父组件作为 props 传递给子组件。这是 React 数据和逻辑自上而下流动的典型体现。 ...
程序百科的头像-程序百科程序百科11个月前
6610

面试题:什么是 React 中类组件和函数组件?它们有什么区别?

在 React 中,类组件(Class Component) 和 函数组件(Function Component) 是定义 UI 组件的两种主要方式。随着 React Hooks 的引入,函数组件的功能大大增强,逐渐成为主流。 一、基本定义 ...
程序百科的头像-程序百科程序百科11个月前
6510