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

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

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

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

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

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

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

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

相关推荐
wuhen_n2 小时前
排列算法完全指南 - 从全排列到N皇后,一套模板搞定所有排列问题
前端·javascript·算法
Cobyte2 小时前
微信 ClawBot 接入本地 AI Agent 的实现原理
前端·agent·ai编程
吃一根烤肠2 小时前
使用ChatGPT Copilot加速Python调试:实战指南
前端·ui·html
Embrace9242 小时前
钉钉工作台内嵌应用=》调用钉钉对话框
前端·javascript·钉钉
蜡台2 小时前
Vue2 elementui2 中 el-switch 实现先判断改变状态
前端·vue.js·elementui·el-switch
whuhewei2 小时前
CSS动画倍速播放
前端·css
周不凢2 小时前
elementui 表格行选择:通过 toggleRowSelection 方法控制表格行的选中状态
前端·javascript·elementui
黄林晴2 小时前
Swift 杀进 Android,Google 和 Apple 都要失眠了?
android·前端·swift
一晌小贪欢2 小时前
Web 自动化指南:如何用 Python 和 Selenium 解放双手
开发语言·前端·图像处理·python·自动化·python办公