//use Input HOOK

Quiero saber cómo funciona este gancho personalizado.

 import { useState } from "react"; export default initialValue => { const [value, setValue] = useState(initialValue); return { value, onChange: event => { setValue(event.target.value); }, reset: () => setValue("") }; }; //todo form

Cómo funciona este método onchange cómo actualiza los datos aunque no se escriba ninguna función onchange en este programa

 import React from "react"; import TextField from "@material-ui/core/TextField"; import useInputState from "./useInputState"; const TodoForm = ({ saveTodo }) => { const { value, reset, onChange } = useInputState(""); return ( <form onSubmit={event => { event.preventDefault(); saveTodo(value); reset(); }} > <TextField variant="outlined" placeholder="Add todo" margin="normal" value={value} onChange={onChange} /> </form> ); }; export default TodoForm;

ver programa completo Code Sandbox link