中级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 的操作,提高应用程序的性能。

相关推荐
大家的林语冰几秒前
CSS 已死?DOM 性能黑洞!Pretext 排版革命让你在文本间跳舞,没有 DOM 也能纵享丝滑~
前端·javascript·css
vipbic10 分钟前
我也该升级了,陪伴了我7年的博客
前端
Lee川30 分钟前
RAG 实战:从一篇掘金文章出发,拆解检索增强生成的全链路
前端·人工智能·后端
Lee川43 分钟前
MCP 高德地图实战:当 AI 学会使用工具,一个协议如何重塑大模型的行动边界
前端·人工智能·后端
ZC跨境爬虫1 小时前
跟着 MDN 学CSS day_14:(尺寸调整技能测试与实战解析)
前端·css·ui·html·tensorflow
kyriewen1 小时前
用魔法打败魔法:我让AI替我去面试前端岗,AI面试官给我打了92分,还发了offer
前端·javascript·面试
IT_陈寒1 小时前
Redis批量删除踩了坑,原来DEL命令不是万能的
前端·人工智能·后端
lichenyang4531 小时前
鸿蒙聊天 Demo 练习 06:AI 思考气泡与 MVVM + Controller 结构重构
前端
Lkstar2 小时前
Vue keep-alive 原理全解:LRU 缓存策略、源码级理解
前端·vue.js·面试
会联营的陆逊2 小时前
html2canvas 1.4.1 在 iOS Safari 中生成图片卡住的问题排查与修复
前端