0
142
VistasReactJS: el evento onChange no activa la entrada
aquí está el código
import React, { Component, useImperativeHandle } from 'react'; class SearchBar extends Component { render() { return <input onChange={this.onInputChange} />; } onInputChange(event) { console.log(event) } } export default SearchBar;Todavía no hay ningún error en la entrada, nada registra la consola.
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Debe vincular su controlador de eventos a su componente de clase como se muestra a continuación
import React, { Component, useImperativeHandle } from 'react'; class SearchBar extends Component { constructor(props) { super(props); this.onInputChange = this.onInputChangebind(this); //You NEEDED THIS } render() { return <input onChange={this.onInputChange} />; } onInputChange(event) { console.log(event) } } export default SearchBar;
·
Juan Pablo Isaza
Denunciar
0
Funciona de mi lado... resalté las salidas de console.log como se muestra en la imagen 
de lo contrario, si necesita ver las palabras que escribió en la etiqueta de entrada, simplemente puede hacer console.log(event.target.value) instead of console.log(event)
·
Juan Pablo Isaza
Denunciar
Responde la pregunta