• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

266
Views
Reaccionar: onClick no se activa

Estoy probando React para un proyecto bastante fácil y, como principiante, comencé tratando de crear un botón simple en el que se pudiera hacer clic que llevaría a una alerta emergente.

El código se ve así:

 import "./styles.css"; import React from "react"; export default function App() { const handleClick =()=>{ alert("Random text"); } return ( <div> <button onClick={() => handleClick()}>BUTTON</button> </div> ); }

O bien, el clic se puede manejar así, con el mismo resultado:

 function handleClick(){ alert("Random text"); }

Alternativamente, el evento onClick se puede atribuir así, con el mismo resultado:

 return ( <div> <button onClick={handleClick}>BUTTON</button> </div> );

El problema: después de ejecutar esto a través de VSCode en un navegador, se me devuelve el botón exactamente como se supone que debe ser, pero cuando hago clic en él, no aparece nada.

Si cambio <button onClick={handleClick}>BUTTON</button> a <button onClick={handleClick()}>BUTTON</button> la alerta aparece antes que el botón y la página web, y el clic del botón aún no devuelve nada.

Exactamente las mismas piezas de código, cuando se ejecutan en React sandbox, devuelven el resultado esperado. Entonces, supongo que puede haber un problema con VSCode o la instalación de React. Rara vez tuve problemas con VSCode en el pasado, por lo que aún no he probado un IDE diferente para este proyecto.

¡Cualquier ayuda o sugerencia sería muy apreciada! ¡Gracias!

almost 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

El código funciona bien. Debe haber un problema con su instalación de reaccionar o algo en esta categoría...

almost 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error