search

OpenClassrooms-Student-Center / 7008001-Debutez-avec-React

84 stars 406 forks source link

[P2C5-Solution] L'alerte au clic sur la li ne fonctionne pas #10

Open PointonKaren opened 2 years ago

PointonKaren commented 2 years ago

Il y a une coquille dans le fichier PlantItem.js.

La fonction PlantItem dans la solution est :

function PlantItem({ cover, name, water, light }) {
  return (
    <li className="lmj-plant-item" onClick={() => handleClick}>
      <img className="lmj-plant-item-cover" src={cover} alt={`${name} cover`} />
      {name}
      <div>
        <CareScale careType="water" scaleValue={water} />
        <CareScale careType="light" scaleValue={light} />
      </div>
    </li>
  );
}

Pour que l'event onClick fonctionne, l'appel à la fonction handleClick devrait être ainsi handleClick(name). Une fois corrigée, la fonction PlantItem ressemble à ceci :

function PlantItem({ cover, name, water, light }) {
  return (
    <li className="lmj-plant-item" onClick={() => handleClick(name)}>
      <img className="lmj-plant-item-cover" src={cover} alt={`${name} cover`} />
      {name}
      <div>
        <CareScale careType="water" scaleValue={water} />
        <CareScale careType="light" scaleValue={light} />
      </div>
    </li>
  );
}