17.React|フラグメント
フラグメントとは
Reactコンポーネントが要素を返す際に、フラグメント(Fragment)を使うことでDOMに余分なノードを追加することなく子要素をまとめることができる。
render() { return ( <React.Fragment> <ChildA /> <ChildB /> <ChildC /> </React.Fragment> ); }
短い記法
下記のような省略記法も使用できる。
class Columns extends React.Component { render() { return ( <> <td>Hello</td> <td>World</td> </> ); } }