不用額外增加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>
)
}
}