15.React 中的 Fragment 是什么?它出现的动机是什么?

在写 React 的时候,你是不是经常遇到这种尴尬:

组件里明明只想返回几行并列标签 , 结果被 React 要求"只能返回一个根节点", 最后只好外面再**硬套一层毫无语义的 <div>**:

go 复制代码
return (
  <div>
    <h1>Hello</h1>
    <p>Text...</p>
  </div>
);

看起来好像没什么问题, 但当你套多了,就会发现:

  • DOM 结构被一堆"没必要的 div"撑得臃肿

  • 布局用 flex / grid 时容易多出一层容器,把样式搞乱

  • <table> 里根本不能乱加 div,还会报错

相关推荐
看昭奚恤哭30 分钟前
Flutter 布局核心思想
开发语言·javascript·flutter
朝阳5811 小时前
Cesium `Camera.flyTo`:“飞过去“
javascript
NutShell Wang1 小时前
Vite 8.1 深度拆解:Rolldown 统一打包器如何终结前端构建的「双引擎时代」
前端·rust·开源·vite·开发者工具·vibe coding
朱容zr3331331 小时前
请解释“回表”的概念。
java·前端·数据库
leslie1182 小时前
webpack笔记
前端·webpack
宁风NF2 小时前
JavaScript:内存、垃圾回收、性能优化
开发语言·前端·javascript·学习·性能优化·es6
勾勾圈圈蛋蛋2 小时前
DOM、BOM、DOM操作详解 + 结合Vue响应式关联梳理
前端
打妖妖灵滴哪吒2 小时前
IOS模态窗口的作用与设计原则
前端·ui
午安~婉2 小时前
挑战二:博客预览卡片
前端·javascript·html
环境栈笔记3 小时前
指纹浏览器安全评测方法:核对环境、数据与权限后再选型
前端·人工智能·后端·自动化