Props

Parte do curso de React

Todo componente que você escreveu até aqui tinha os valores fixos no código. O Greeting sempre cumprimenta o mesmo nome, o Card sempre mostra o mesmo texto. Isso serve para uma demonstração, mas anula todo o propósito de um componente, que é escrever algo uma vez e reaproveitar em vários lugares com conteúdos diferentes.

Você passa uma prop para um componente do mesmo jeito que definiria um atributo em uma tag HTML, escrevendo nome="valor" dentro da tag de abertura: