在React中,组件返回的元素只能有一个根元素。为了不添加多余的DOM节点,我们可以使用Fragment标签来包裹所有的元素,Fragment标签不会渲染出任何元素。React官方对Fragment的解释:
    React 中的一个常见模式是一个组件返回多个元素。Fragments 允许你将子列表分组,而无需向 DOM 添加额外节点。

    1. import React, { Component, Fragment } from 'react'
    2. // 一般形式
    3. render() {
    4. return (
    5. <React.Fragment>
    6. <ChildA />
    7. <ChildB />
    8. <ChildC />
    9. </React.Fragment>
    10. );
    11. }
    12. // 也可以写成以下形式
    13. render() {
    14. return (
    15. <>
    16. <ChildA />
    17. <ChildB />
    18. <ChildC />
    19. </>
    20. );
    21. }