React篇(059)-什么是 Fragments ?

2022-12-05 14:13:19 浏览数 (1)

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

代码语言：javascript复制

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

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

代码语言：javascript复制

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

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

0 人点赞