Retour à la leçon
Mission

Mission : sauver le composant ProductCard qui ne compile plus

Corriger un composant JSX invalide copié depuis une maquette HTML et expliquer pourquoi React le rejette.

Commandes qui pourraient t’être utiles
return

Contexte

Un collègue vient de copier-coller une maquette HTML statique dans src/components/ProductCard.jsx pour aller vite. Le build échoue avec une erreur rouge dans la console, et une fois corrigée, une seconde erreur apparaît immédiatement après. Le fichier contient class="carte", un <label for="prix">, un style="color:red" en chaîne, et un return avec un <h3> suivi d'un <p> côte à côte.