`.tsx`ファイル内の`<></>`について

Question

.tsxファイル内で<></>という記述を見かけたのですが、こちらはどういう意味なのでしょうか？ご存知の方がいらっしゃいましたら教えていただきたいです。

const Hoge: React.FC = () => (
  <>
    <h2>
      aaaaa
    </h2>
  </>
)

Comments

[maisumakun]

> テスト時に以下だと(h2の中にpタグが入っているため)ちゃんとコケるのですが、

どのようなテストを行っていますか？

[退会済みユーザー]

a

Answer 1

React.Fragmentです。
トランスパイラにもよりますが、React.Fragmentのエイリアスとして<></>という記法が使用できます。
React.Fragmentはコンポーネントが複数の要素を返す場合にdivなどの代わりに使用できます。

詳しくは公式ドキュメントへ：フラグメント – React

Answer 2

フラグメントの略記法です（React公式）。

複数のJSXを束ねるだけで、実際にHTMLへ出力したあとには、<></>に対応するタグが現れない、そんなものです。