class Hoge extends React.Component { render() { return ( <> <span>Hello</span> </> ); } } 親要素が不要なケースで使用するFragmentとしての認識はあったが、これをどういう使い分けをするのか知らなかった。(ググラビリティが悪すぎて検索できない) 答え フラグメントの省略記法のことらしい。 class Hoge extends React.Component { render() { return ( <React.Fragment> <span>Hello</span> </React.Fragment> ); } }