不用額外增加DOM節點下,重新組合child component

class test extends React.Component {
  render() {
    return /*#__PURE__*/React.createElement(React.Fragment, null);
  }

}

可以解決一些子元件受限HTML結構無法被render的問題

https://zh-hant.reactjs.org/docs/fragments.html#motivation

ex: table

class Table extends React.Component {
  render() {
    return (
      <table>
        <tr>
          <Columns />
        </tr>
      </table>
    );
  }
}

class Colums extends React.Component {
	render() {
		return (
			<div>
				<td>1</td>
				<td>1</td>
			</div>
		)
	}
}