O professor disse que o xml só tem um pai e por isso envolvemos com a
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
O professor disse que o xml só tem um pai e por isso envolvemos com a
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.