In React Js kann der Schaltflächenwert nicht abgerufen werden, wenn auf das Symbol in der Schaltfläche geklickt wird

Question

Also versuche ich, den Wert aus der Schaltfläche zu ermitteln. Das ist mein Button:

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

Die Funktion ist wie folgt

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

Das Problem ist, dass ich den Wert nicht erhalten kann, wenn ich auf das Symbol klicke, wohl aber, wenn ich außerhalb des Symbols, aber immer noch innerhalb der Schaltfläche klicke (außerhalb des Symbols ist leerer Raum). Ich möchte, dass die ID auch dann zurückgegeben wird, wenn auf das Symbol geklickt wird. Wie geht das? Warum passiert das?

Answer 1

试试

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

看看这个 https://medium.com/@etherealm/currenttarget-vs-target-in-js-2f3fd3a543e5