🧐

React.Fragmentの存在意義って?

2021/02/08に公開

自分がReactを使い始める頃から既にfragmentをこのように書ける仕様でした

<></>

ではなぜReact.FragmentがDeprecatedにならずに残っているのでしょうか?
React.jsのドキュメントをみると

明示的に <React.Fragment> と宣言したフラグメントでは key を持つことができます。これはコレクションをフラグメントの配列に変換するときに有用です。たとえば定義リストを作成する時に利用します

つまり配列をReactNodeへ変換する際、fragmentを使用できるように残ってました

key はフラグメントに渡すことができる唯一の属性です。将来的には、イベントハンドラのような他の属性を渡すこともサポートするかもしれません。

今後も結構な頻度で使われるかもしれませんね📝

Discussion