React输入状态在表单提交后没有更新

handleChange(event) {
  this.setState({ inputValue: event.target.value });
}

constructor(props) {
  super(props);
  this.state = { inputValue: '' };
  this.handleChange = this.handleChange.bind(this);
}

render() {
  return <input value={this.state.inputValue} onChange={this.handleChange} />;
}

handleSubmit(event) {
  event.preventDefault(); // 阻止表单的默认提交行为
  // 进行其他处理，例如发送表单数据到服务器
  this.setState({ inputValue: '' }); // 更新输入状态为空
}

constructor(props) {
  super(props);
  this.state = { inputValue: '' };
  this.handleChange = this.handleChange.bind(this);
  this.handleSubmit = this.handleSubmit.bind(this);
}

render() {
  return (
    <form onSubmit={this.handleSubmit}>
      <input value={this.state.inputValue} onChange={this.handleChange} />
      <button type="submit">提交</button>
    </form>
  );
}