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"); } }