React篇(059)-什么是 Fragments ?

齐丶先丶森

发布于 2022-12-05 06:13:19

22100

代码可运行

运行总次数：0

代码可运行

它是 React 中的常见模式，用于组件返回多个元素。Fragments 可以让你聚合一个子元素列表，而无需向 DOM 添加额外节点。

render() {
  return (
    <React.Fragment>
      <ChildA />
      <ChildB />
      <ChildC />
    </React.Fragment>
  )
}

以下是简洁语法，但是在一些工具中还不支持：

render() {
  return (
    <>
      <ChildA />
      <ChildB />
      <ChildC />
    </>
  )
}

译注：React 16 以前，render 函数的返回必须有一个根节点，否则报错。

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2022-08-27，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自前端面试秘籍微信公众号，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

暂无评论

编辑精选文章

换一批