In React Js kann der Schaltflächenwert nicht abgerufen werden, wenn auf das Symbol in der Schaltfläche geklickt wird
P粉364129744
P粉364129744 2023-07-22 09:47:02
0
1
501

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?

P粉364129744
P粉364129744

Antworte allen(1)
P粉761718546

试试

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

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

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage