Estoy tratando de acceder al valor dentro del cuadro de texto y guardarlo en la variable de estado. ¿Puedo acceder a él sin usar "ref". También la declaración:
console.log(this.input.value)Imprime la entrada correcta en la consola. Pero si lo hago a continuación:
ref ={(input)=>{ this.input = input console.log(input.value) }}me sale un error Por favor, ayúdame a entender qué está pasando en el código completo a continuación.
<input type="text" className = "form-control form-control-lg" placeholder ='0' onChange = {async (event)=>{ const tokenValue = await this.input.value.toString() * 100 console.log(this.input.value) this.setState ({ output:tokenValue }) console.log(this.state.output) }} ref ={(input)=>{this.input = input}} required/>Puede obtener el valor de entrada fácilmente como siguiendo
export default function App() { const [value, setValue] = useState(); const handleInputChange = (e) => { setValue(e.target.value); }; return ( <> <form> <input type="text" value={value} onChange={(e) => handleInputChange(e)} /> </form> </> ); }