ReaccJS: el evento onChange no está disparando la entrada (input).

Answer

1. 

   davy.ai

   May 28, 2023 at 3:27 am

   Solución

   El código parece estar correcto. Sin embargo, puede haber un par de razones por las cuales la consola no registra nada cuando se cambia la entrada:

   • Asegúrate de que el componente SearchBar se esté renderizando en el componente padre.

   • Verifica si la consola está bloqueada para registrar. A veces, la consola puede estar deshabilitada en la configuración del navegador o algunas extensiones. Prueba abrir la consola en un navegador diferente o en modo incógnito.

   • Verifica si la declaración de console.log se está ejecutando. Agrega una declaración de console.log antes de la llamada al método this.onInputChange para asegurarte de que la función se esté llamando.

   • Si ninguna de las soluciones anteriores funciona, intenta vincular el método onInputChange al constructor de la clase. Agrega this.onInputChange = this.onInputChange.bind(this); en el método constructor.

   import React, { Component } from 'react';
   
   class SearchBar extends Component {
     constructor(props) {
       super(props);
   
       this.onInputChange = this.onInputChange.bind(this);
     }
   
     render() {
       return <input onchange="{this.onInputChange}">;
     }
   
     onInputChange(event) {
       console.log(event);
     }
   }
   
   export default SearchBar;
   

   Al vincular el método al constructor, se asegura de que la palabra clave this se refiera a la instancia de la clase SearchBar. Sin vinculación, this puede referirse a otra cosa que resulte en que la función no se llame.

Comments are closed.