Div pai no render

Boa noite, Afrânio! Como vai?

Sim, o Fragment serve justamente pra esse tipo de caso!

Só que ele tem uma vantagem: não é criado um elemento no DOM com o uso dele!

Exemplo prático:

Usando div para englobar os elementos filhos, teremos o seguinte resultado:

JSX
<div>
     <elementoFilho1 />
     <elementoFilho2 />
     <elementoFilho3 />
</div>

DOM resultante
<div>
     <elementoFilho1 />
     <elementoFilho2 />
     <elementoFilho3 />
</div>

Já com o Fragment:

JSX
<Fragment>
     <elementoFilho1 />
     <elementoFilho2 />
     <elementoFilho3 />
</Fragment>

DOM resultante
<elementoFilho1 />
<elementoFilho2 />
<elementoFilho3 />

Sendo assim, quando o objetivo é apenas criar um elemento raiz no JSX o melhor é utilizar o Fragment.

Pegou a ideia? Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!

Sim entendi, muito obrigado pela explicação.