Estoy usando el hook useState para controlar un formulario así:
const [form, setForm] = useState({ url: '', title: '', description: '' });
const handleChange = e => {
setForm({ ...form, [e.target.name]: e.target.value });
console.log({form});
};
El componente retorna varios inputs así:
<input
name='title'
value={form.title}
type='text'
required={true}
placeholder='Título'
onChange={handleChange}'
/>
Pero este código hace que el estado no concuerde con el valor en los inputs, el estado siempre está un caractér atrasado, es decir que si en input el valor es 'hola mundo'
, en el estado el valor será 'hola mund'
, ¿Cómo puedo solucionarlo?