As chaves { } de novo

Dentro do JSX, chaves { } inserem qualquer valor do JavaScript: uma variável, uma prop, até uma conta.

function Produto({ nome, preco }) {
  return <p>{nome} custa R$ {preco}</p>;
}

• {nome} → o valor da prop
• {preco} → o valor da prop
• Dá até para {preco * 2} (uma conta ali dentro!)

⚠️ Sem as chaves, é texto literal. <p>nome</p> mostra a palavra "nome"; <p>{nome}</p> mostra o valor guardado em nome. As chaves são a fronteira entre "texto" e "código".