Как в React-компоненте вывести несколько дочерних компонентов без обёртки?

Question

[Аня Коломенская]

Допустим, есть React-компонент ArticleContent, выводящий

<div>
    <h3></h3>
    <p class="primary-text"></p>
    <p class="additional-text"></p>
</div>

Но здесь div выступает лишь в качестве "обёртки" для содержимого и в целом засоряет вёрстку. Есть ли способ избавиться от этого ограничения React-компонента на вывод только одного элемента?

Answer 1

[0xD34F]

React.Fragment

Comments

[Аня Коломенская]

Спасибо! Это именно то, что и было нужно.

[moody_good]

Аня Коломенская, есть ещё <></>. То же самое, только короче

Answer 2

[Бектур Муратов]

Можно так:

<>
    <h3></h3>
    <p class="primary-text"></p>
    <p class="additional-text"></p>
</>