Коли ви не можете використати <></>, а змушені використовувати <Fragment>?
Коротка відповідь:
Тоді, коли нам потрібно використати властивість
key, яка не існує в <></> Довга відповідь:
У React компоненті, може бути лише один нащадок нащадок першого рівня. Але, іноді, нам потрібно їх декілька, і раніше нам доводилося створювати зайвий елемент, просто для групування. Це призводить до засмічення коду та появи зайвих елементів в DOM.
Для того щоб із цим боротися з'явився компонент
<Fragment>, який потім спростили до конструкцію <></>. Але ця конструкція не може мати атрибутів, в тому числі key який потрібен під час генерації списків. І ось тут то і може стати в нагоді старий <Fragment:[].map((user, i) => <Fragment key={i}>{user}</Fragment>);І тут постає ще одне питання - чому ж не винести це в окремий компонент, на якому ми зможемо використати свій
key? Як ви думаєте?