How to output multiple child components without a wrapper in a React component?

Question

React

Let's say we have an ArticleContent React component that outputs

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

But here the div only acts as a "wrapper" for the content and generally clutters up the layout. Is there a way to get rid of this limitation of a React component to render only one element?

Answer 1

react.fragment

Answer 2

It is possible like this:

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