欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

关于React.Fragment

程序员文章站 2022-06-27 20:09:09
官方文档:React 中一个常见模式是为一个组件返回多个元素。Fragments 可以让你聚合一个子元素列表,并且不在DOM中增加额外节点。 作用:代替div作为外层的包裹层。 Fragments看起来像是一个空的标签。 render() { return ( <>

官方文档:react 中一个常见模式是为一个组件返回多个元素。fragments 可以让你聚合一个子元素列表,并且不在dom中增加额外节点。

作用:代替div作为外层的包裹层。

fragments看起来像是一个空的标签。

render() {
  return (
    <>
      <childa />
      <childb />
      <childc />
    </>
  );
}

注意:在渲染时,fragment标签是不会添加到dom里。与vue.js里的templete有异曲同工之处。