一次清除所有表单字段，reactjs

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

  handleReset = () => {
    this.setState({
      username: '',
      password: '',
      // 其他表单字段重置为空或默认值
    });
  }

  render() {
    return (
      <form>
        <input type="text" value={this.state.username} />
        <input type="password" value={this.state.password} />
        {/* 其他表单字段 */}
        <button type="button" onClick={this.handleReset}>重置</button>
      </form>
    );
  }
}

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

  handleReset = () => {
    const form = this.formRef.current;
    form.reset();
  }

  render() {
    return (
      <form ref={this.formRef}>
        <input type="text" />
        <input type="password" />
        {/* 其他表单字段 */}
        <button type="button" onClick={this.handleReset}>重置</button>
      </form>
    );
  }
}