0
145
VistasLa función onChange no captura el último carácter
import "./styles.css"; import React, {useState} from 'react'; function App() { const [name, SetName] = useState('') const changeHandler = (e) => { SetName(e.target.value) console.log(name) } return ( <main> <input onChange={changeHandler} value={name} /> </main> ); } export default App;Estoy tratando de mostrar el nombre desde el cuadro de entrada, pero el último carácter no está visible. Intenté reemplazar onChange con onKeyUp pero el resultado fue el mismo. Por ejemplo, si escribo John como entrada, la consola solo genera Joh y omite n. ¿Por qué está pasando esto?
enlace para REPL: https://replit.com/join/lqcehsaifp-gouravthakur
Captura de pantalla para que entienda mejor el problema
2 Respuestas
Responde la pregunta0
funciona bien, pero debe consola.log después de que finalice su función; en realidad, los ganchos funcionan después del final de su función.
0
Las funciones de Setstate funcionan de forma asíncrona, por lo que en su función de controlador de cambios, su console.log se ejecuta antes que la función de setstate. Si consola. registra el nombre sobre la declaración de devolución, puede ver que cambia perfectamente bien