Forms 从<；获取文本时遇到问题；textarea>；使用ReactJS

我是个新手，我只是想创建一个文本框，将用户输入和警报输入到屏幕上。我是用来参考的。我的问题是，当我试图提醒或记录用户输入时，什么都没有发生。当我在handleSubmit函数中只提醒一个普通字符串时，它工作得很好，但是使用this.state.userInput不会发生任何事情。 这是我的密码：

export class InputText extends React.Component{
constructor(props){
  super(props);
  this.state = {userInput: ""};
  this.handleChange = this.handleChange.bind(this);
  this.handleSumbit = this.handleSubmit.bind(this);
  }

  handleChange(event){
    this.setState({userInput: event.target.value})
  }
  handleSubmit(){
    console.log(this.state.userInput);
    alert(this.state.userInput);

  }
  render(){
    return (
      <div>
      <form>
        <textarea onChange = {this.handleChange} value = {this.state.userInput}></textarea>
        <button type = 'button' onClick = {this.handleSubmit}>Submit</button>
      </form>
      </div>
    );
  }
}

导出类InputText.Component{
建造师（道具）{
超级（道具）；
this.state={userInput:“”}；
this.handleChange=this.handleChange.bind（this）；
this.handleSumbit=this.handleSubmit.bind（this）；
}
手变（活动）{
this.setState（{userInput:event.target.value}）
}
handleSubmit（）{
log（this.state.userInput）；
警报（this.state.userInput）；
}
render（）{
返回(
提交
);
}
}

您的意思是handleSubmit方法不起作用吗？你看不到任何日志或警报？如果我执行警报（“测试”），它会工作，但我没有得到带有警报（this.state.userInput）拼写错误的日志或警报：

this.handleSumbit=this.handleSubmit.bind（this）。请参阅：
Sumbit
@RickJolly您是对的。@RickJolly是的，现在它可以正常工作了。现在我觉得自己很傻，花了这么多时间试图弄明白为什么它不起作用