Bom dia, gostaria de saber o porque precisa utilizar os ... na hora de passar as props.
export default (props) => {
return (
<Itens>
<Item {...props}/>
</Itens>
)
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!
Bom dia, gostaria de saber o porque precisa utilizar os ... na hora de passar as props.
export default (props) => {
return (
<Itens>
<Item {...props}/>
</Itens>
)
Fala Edson, tudo bem?
O ... chama-se spread operator, ele tem a função de espelhar algo, nesse caso estamos passando para o componente Item a cópia de todas as props que iremos receber dessa arrow function, ou seja, se eu receber nas props: nome, idade, altura, eu estarei passando essas props para o componente Item, você pode ver mais sobre esse operador clicando aqui,
Espero ter ajudado, bons estudos :D