在React中提交表单后无法重置输入字段

class MyForm extends React.Component {
  handleSubmit(event) {
    event.preventDefault();
    // 处理表单提交逻辑
  }

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        {/* 表单字段 */}
        <button type="submit">提交</button>
      </form>
    );
  }
}

class MyForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      input1: '',
      input2: '',
      // 其他表单字段
    };
  }

  handleSubmit(event) {
    event.preventDefault();
    // 处理表单提交逻辑
    // 重置表单字段的值
    this.setState({
      input1: '',
      input2: '',
      // 其他表单字段
    });
  }

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

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        {/* 表单字段 */}
        <input
          type="text"
          name="input1"
          value={this.state.input1}
          onChange={this.handleChange}
        />
        <input
          type="text"
          name="input2"
          value={this.state.input2}
          onChange={this.handleChange}
        />
        {/* 其他表单字段 */}
        <button type="submit">提交</button>
      </form>
    );
  }
}

class MyForm extends React.Component {
  constructor(props) {
    super(props);
    this.inputRef = React.createRef();
  }

  handleSubmit(event) {
    event.preventDefault();
    // 处理表单提交逻辑
    // 重置输入字段的值
    this.inputRef.current.value = '';
  }

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        {/* 表单字段 */}
        <input type="text" ref={this.inputRef} />
        {/* 其他表单字段 */}
        <button type="submit">提交</button>
      </form>
    );
  }
}