React学习之React.Fragment

1,312 阅读1分钟

什么是React.Fragment

React 中一个常见模式是为一个组件返回多个元素。Fragments 可以让你聚合一个子元素列表,并且不在DOM中增加额外节点。

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

React.Fragment的语法糖

  • <></> 是 <React.Fragment/> 的语法糖。
  • <></> 语法不能接受键值或属性。