ผมเเก้ข้อนี้ไม่ได้ครับ ใน React เรื่อง Create a Controlled Input

Javascript
#1

บอกเราว่าเกิดอะไรขึ้น:
อธิบายปัญหาของคุณโดยละเอียดที่นี่

  **รหัสของคุณ**


class ControlledInput extends React.Component {
constructor(props) {
  super(props);
  this.state = {
    input: ''
  };
  // แก้ไขโค้ดใต้บรรทัดนี้
  this.handleChange = this.handleChange.bind(this);
  // แก้ไขโค้ดเหนือบรรทัดนี้
}
// แก้ไขโค้ดใต้บรรทัดนี้
handleChange(){
  this.setState(e => ({
    input : event.target.value
  }));
}
// แก้ไขโค้ดเหนือบรรทัดนี้
render() {
  return (
    <div>
      { /* แก้ไขโค้ดใต้บรรทัดนี้ */}
      <input  onChange={this.handleChange}></input>
      { /* แก้ไขโค้ดเหนือบรรทัดนี้ */}
      <h4>Controlled Input:</h4>
      <p>{this.state.input}</p>
    </div>
  );
}
};

  **ข้อมูลเบราว์เซอร์ของคุณ:**

ตัวแทนผู้ใช้คือ: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.102 Safari/537.36

Challenge: Create a Controlled Input

ไปสู่ the challenge:

#2

handleChange(e){
this.setState({input: e.target.value})
}

<input type=“text” value={this.state.input} onChange={this.handleChange}/>