Nome, preço, e a regra das aspas

Um componente recebe quantas props quiser. A regra que confunde:

• Texto vai com aspas: nome="Planta"
• Número vai com chaves: preco={25}

<Produto nome="Planta Aurora" preco={25} />

⚠️ Por quê? preco="25" passaria o texto "25" (e "25" + 1 daria "251"!). preco={25} passa o número 25 de verdade. Para tudo que não é texto (número, booleano, variável), use chaves.

🧠 Regra rápida: aspas = texto fixo; chaves = "abra o JavaScript aqui".