Estoy trabajando con Reactjs (Nextjs), puse mis archivos "css, imágenes, js" en la carpeta "pública", pero mi barra de menú no se muestra (onclick no funciona), ¿Cómo puedo hacer que esto funcione después de hacer clic en se mostrará el menú de este botón, Aquí está mi código
<button className="openbtn" onclick="openNav()"> <img src="images/menu_btn.png" /> </button>
En primer lugar, está pasando openNav como una cadena, en lugar de una función; no puede invocar un literal de cadena.
En segundo lugar, está intentando invocar instantáneamente la función openNav en el controlador onclick, lo que significa que openNav se activará cuando el código se ejecute en el navegador.
Querrás hacer cualquiera:
onClick={openNav}
o si quieres pasar un argumento
onClick={(arg) => openNav(arg)}
Está enviando una cadena a la función onClick, así que cambie su botón onClick a esto,
onClick={ openNav }
Como otros mencionan, necesita su atributo onClick
para llamar a una función de controlador, es decir.
const openNav = () => { console.log("openNav has been clicked"); } <button className="openbtn" onClick={openNav}> <img src="images/menu_btn.png" /> </button>