如何在setState中为多个表单编写handleSubmit函数

constructor(props) {
  super(props);
  this.state = {
    form1: '',
    form2: '',
    form3: ''
  };
}

handleChange = (event) => {
  this.setState({ [event.target.name]: event.target.value });
}

handleSubmit = (event) => {
  event.preventDefault();
  const { form1, form2, form3 } = this.state;
  
  // 在这里可以进行表单的验证、数据处理等操作
  
  // 清空表单
  this.setState({
    form1: '',
    form2: '',
    form3: ''
  });
}

render() {
  const { form1, form2, form3 } = this.state;
  
  return (
    <form onSubmit={this.handleSubmit}>
      <input type="text" name="form1" value={form1} onChange={this.handleChange} />
      <input type="text" name="form2" value={form2} onChange={this.handleChange} />
      <input type="text" name="form3" value={form3} onChange={this.handleChange} />
      <button type="submit">Submit</button>
    </form>
  );
}