Création de composants enfants dans React
Dans les attributs des balises du composant, il est possible de transmettre non seulement des chaînes de caractères, mais aussi d'insérer des variables et des constantes :
function App() {
const name = 'product';
const cost = '100';
return <div>
<Product name={name} cost={cost} />
</div>;
}
Créons immédiatement plusieurs produits :
function App() {
const name1 = 'product1';
const cost1 = '100';
const name2 = 'product2';
const cost2 = '100';
const name3 = 'product3';
const cost3 = '100';
return <div>
<Product name={name1} cost={cost1} />
<Product name={name2} cost={cost2} />
<Product name={name3} cost={cost3} />
</div>;
}
Testez ce que vous avez appris sur l'un de vos composants.
