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.

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.