在React中,组件返回的元素只能有一个根元素。为了不添加多余的DOM节点,我们可以使用Fragment标签来包裹所有的元素,Fragment标签不会渲染出任何元素。React官方对Fragment的解释:
React 中的一个常见模式是一个组件返回多个元素。Fragments 允许你将子列表分组,而无需向 DOM 添加额外节点。
import React, { Component, Fragment } from 'react'// 一般形式render() {return (<React.Fragment><ChildA /><ChildB /><ChildC /></React.Fragment>);}// 也可以写成以下形式render() {return (<><ChildA /><ChildB /><ChildC /></>);}
