Servicios Proyectos Aprender Sobre mí Contacto
0/10
Lección 5 de 10

Manejo de eventos

React maneja eventos de forma parecida a JavaScript normal, pero con nombres en camelCase y funciones en lugar de strings. Eventos comunes: onClick, onChange, onSubmit y onMouseEnter.

REACT
function Form() {
  function handleClick() {
    alert("Button clicked!");
  }

  function handleChange(event) {
    console.log(event.target.value);
  }

  return (
    <div>
      <button onClick={handleClick}>Click me</button>
      <input type="text" onChange={handleChange} />
    </div>
  );
}
🧠

Quiz rápido

Responde bien para desbloquear la siguiente lección.

Apoya la misión

Esta plataforma de aprendizaje es 100% gratuita: sin anuncios, sin seguimiento y sin paywalls. Si te ayudó a aprender algo útil, puedes apoyar futuras lecciones o donar a Médicos Sin Fronteras, que presta atención médica de emergencia en zonas de crisis de todo el mundo.

🎉

¡Completaste React!

Completaste 10 lecciones y cuestionarios de React. Ya tienes claras las bases.