En este caso, cuando hice clic en el botón, quiero acceder a la identificación del botón y también quiero verificar si se hizo clic en el botón o no. aquí he usado e.currentTarget.id
para detectar el ID del botón y quiero verificar que se haya hecho clic o no usando document.getElementById("yourID").clicked === true
. Pero después de hacer clic en el botón no da la alerta. Entonces, ¿cómo logro eso?
import * as React from "react"; export default function Map() { const getButtonId = (e) => { if (e.currentTarget.id === "yourID") { if (document.getElementById("yourID").clicked === true) { alert("button clicked"); } } }; return ( <div> <button id="yourID" onClick={getButtonId}> Button </button> </div> ); }
En primer lugar, no es necesario usar document.getElementById("yourID").clicked === true
porque el button
tiene la propiedad onClick
que está usando y que hace lo que quiere.
Y para resolver su problema, tiene un typo
en su código. Escribió su ID en yourId
e.currentTarget.id === "yourID"
su ID" en lugar de su yourID
const getButtonId = (e) => { if (e.currentTarget.id === "yourID") { alert("button clicked"); } }