Criar uma entrada controlada

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

class ControlledInput extends React.Component {
constructor(props) {
  super(props);
  this.state = {
    input: ''
  };
  // Change code below this line

handleChange(event) {
  this.setState({
    input: event.target.value
  });
  // Change code above this line
}
// Change code below this line
<input onChange = {this.handleChange.bind(this)}/>
// Change code above this line
render() {
  return (
    <div>
      { /* Change code below this line */}
<input value = {this.state.input}/>
      { /* Change code above this line */}
      <h4>Controlled Input:</h4>
      <p>{this.state.input}</p>
    </div>
  );
}
};
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.159 Safari/537.36

Challenge: Create a Controlled Input

Link to the challenge:

Oi, @lindomarolimpio .
Retira seu handleChange de onde ele está e coloca na posição em que está o input com o onChange. Troca o input de baixo (que não é necessário) pelo seguinte: < input value = {this.state.input} onChange = {this.handleChange.bind(this)}/ >. Tá sobrando um par de frases de comentário após o construtor, realmente. Vou ver se peço ao time pra remover, porque vejo que causa confusão, mesmo.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.