Me gustaría saber si es que me pudieran ayudar a entender mejor este código que escribí, me encuentro aprendiendo react y sería de mucha ayuda.
import { useState } from "react";
export function TaskForm() {
const [title, setTitle] = useState("");
const manejaSubmit = (e) =>{
e.preventDefault()
console.log(title)
}
return (
<form onSubmit={manejaSubmit}>
<input
placeholder="Escribe tu tarea"
onChange={(e) => setTitle(e.target.value)}
/>
<button>Guardar</button>
</form>
);
}
Como primera parte, estoy declarando el useState, el cual se iniciará en vacío. Luego de eso tengo una función que maneja el evento onSubmit de mi formulario, que según tengo entendido está esperando un evento (e) para reaccionar, al tener el preventDefault esto hará que el formulario no recargue la página. Lo que no me queda muy claro es que hace el onChange, sé que estoy guardando lo que se escriba en el input en el setTitle, que lo que hará es que cuando el usuario guarde lo que exista en el input esto quedará en la variable title del useState, sería de mucha ayuda si me pudieran explicar ya que la persona que realiza el curso no le entendí muy bien lo del onChange.
<input value={title} .... />
. Pero ya lo tienes bastante claro