React js - Crea una entrada controlada

Tell us what’s happening:

this msg show up:
// running tests Typing in the input element should update the state and the value of the input, and the

p

element should render this state as you type. // tests completed // console output act(…) is not supported in production builds of React, and might not behave as expected.

but i can see what i write in the

element

Your code so far

class ControlledInput extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      input: ''
    };
    // Cambia el código debajo de esta línea
  this.handleChange = this.handleChange.bind(this)
    // Cambia el código encima de esta línea
  }
  // Cambia el código debajo de esta línea
  handleChange(ev){
    this.setState({
      input: ev.target.value
    });
  }
  // Cambia el código encima de esta línea
  render() {
    return (
      <div>
        { /* Cambia el código debajo de esta línea */}
         <input
        type="text"
        id="miInput"
        onChange={this.handleChange}
      />
        { /* Cambia el código encima de esta línea */}
        <h4>Controlled Input:</h4>
        <p>{this.state.input}</p>
      </div>
    );
  }
};

Your browser information:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36

Challenge Information:

React js - Crea una entrada controlada

En el método render , crea el elemento input encima de la etiqueta h4 . Añade un atributo value que es igual a la propiedad input del state del componente. Then add an onChange property set to the handleChange() event handler method.

Parece que te saltaste este paso,
aqui nos dicen exactamente que añadir

Añade un atributo value que sea igual a la propiedad input del state del componente.

         <input
        type="text"
        id="miInput"
        onChange={this.handleChange}
      />