Взагалі то це дуже крута штука яка дозволяє створювати контейнери без створення зайвих DOM-елементів, що покращує читабельність HTML та трошки швидкодію браузера:
<React.Fragment>
<p>1</p>
<p>2</2>
<React.Fragment>
Та вже досить давно, замість явного використання Fragment ми можемо використовувати конструкцію з пустих трикутних дужок:
<></> - це майже те саме, тільки код виглядає чистішим (і без зайвих імпортів). Що я і раджу вам.<>
<p>1</p>
<p>2</2>
</>
Але й забувати про
Fragment не варто - він вам згодиться як мінімум у списках, тому що вміє приймати і працювати з key який є обов'язковим для будь-яких списків. @reactbeginners