Dans React js, impossible d'obtenir la valeur du bouton en cliquant sur l'icône à l'intérieur du bouton

Question

J'essaie donc d'obtenir la valeur du bouton. C'est mon bouton :

<button
  className="toggle__btn"
  value={el._id}
  onClick={toggle}
>
     <i className="fa-solid fa-circle-info fs-4"></i>
</button>

La fonction est la suivante

const toggle = (event) => {
    const id = event.target.value;
    console.log(id);
  };

Le problème est que je ne peux pas obtenir la valeur si je clique sur l'icône, mais je peux le faire lorsque je clique en dehors de l'icône mais toujours à l'intérieur du bouton (il y a un espace vide à l'extérieur de l'icône). Je veux qu'il renvoie l'identifiant même lorsque l'on clique sur l'icône. Comment faire ? Pourquoi cela arrive-t-il ?

Answer 1

Essayez-le

const toggle = (event) => {
    const id = event.currentTarget.value;
    console.log(id);
};

Regardez çahttps://medium.com/@etherealm/currenttarget-vs-target-in-js-2f3fd3a543e5