Фрагменты — это паттерн в React, который позволяет компоненту возвращать несколько дочерних элементов без добавления лишних узлов в DOM. Это особенно полезно, когда нужно сгруппировать элементы, но при этом избежать ненужных обёрточных тегов <div>.
Стандартный способ использовать фрагменты — это React.Fragment:
render() {
return (
<React.Fragment>
<ChildA />
<ChildB />
<ChildC />
</React.Fragment>
)
}
React также поддерживает более короткий и компактный синтаксис с пустыми угловыми скобками <> и </>:
render() {
return (
<>
<ChildA />
<ChildB />
<ChildC />
</>
)
}
Заметь: Сокращённый синтаксис имеет ограниченную поддержку инструментами и может не работать во всех средах разработки, поэтому React.Fragment часто предпочитают для лучшей совместимости.
Fragments позволяют компонентам возвращать несколько дочерних элементов без добавления лишних wrapper-узлов в DOM.
Новый — ещё не проверен сообществом
Вы