中级React面试题

1. 什么是 React Fragments(片段)?

React Fragments 是一种特殊的组件,用于在不引入额外 DOM 元素的情况下包裹多个子元素。它们可以帮助我们解决在返回多个元素时出现的包裹问题。

2. React 中的受控组件和非受控组件有什么区别?

受控组件是由 React 控制其状态和值的组件。它们通过 props 接收值,并通过事件处理函数触发状态更新。非受控组件则是由 DOM 自身管理状态的组件,通常使用 ref 获取表单值。

3. 在 React 中如何进行条件渲染?

在 React 中进行条件渲染有多种方式,包括使用条件语句(如 if-else、三元表达式)、逻辑与运算符(&&)、或者使用 JSX 的 {condition ? element : null} 语法。

4. 什么是 React 中的上下文(Context)?

上下文是一种在组件树中共享数据的方式,它可以避免通过 props 在组件之间层层传递数据。使用 React 的 Context API,我们可以在组件树中定义数据源,并使其在整个应用程序中可访问。

5. React 中的虚拟 DOM(Virtual DOM)是什么?

虚拟 DOM 是 React 的一种性能优化技术。它是 React 自己实现的一种轻量级的 DOM 抽象,用于在内存中表示真实 DOM 的状态。通过对比虚拟 DOM 的变化,React 可以最小化对实际 DOM 的操作,提高应用程序的性能。

相关推荐
森叶1 分钟前
Electron 实战:用 utilityProcess 开子进程,去端口化承载协议处理,并由主进程拦截渲染请求后统一中转
前端·javascript·electron
精益数智工坊7 分钟前
红牌作战是什么?红牌作战的实施步骤与核心要点
大数据·运维·前端·人工智能·精益工程
techdashen13 分钟前
Cloudflare HTML 解析器的十年演化史(一)
前端·html
ZC跨境爬虫21 分钟前
移动端爬虫工具Fiddler完整配置流程:PC+安卓模拟器全覆盖,零基础一次配置成功
android·前端·爬虫·测试工具·fiddler
GISer_Jing25 分钟前
前端视角:B端传统配置化现状与AI冲击趋势
前端·人工智能·ai编程
课灵_klhubs29 分钟前
课灵h5p-3D 模型 (3D Model)教程
前端·3d·课程设计·教程·课灵·h5p
倾颜38 分钟前
接入 MCP 之后,我如何让 Skill 稳定消费 Tool / Resource / Prompt
前端·next.js·mcp
小赵同学WoW39 分钟前
BroadCast Channel() 浏览器跨标签页通信的实现方式之一
前端·浏览器
\xin39 分钟前
pikachu自编exp,xss之盲打,过滤,htmlspecialchars,href,js
前端·xss
ZC跨境爬虫1 小时前
前端实战复盘:从零完成Apple中国大陆官网UI第一阶段全量静态复刻
前端·css·ui·html