如何在setState完成后取消表单中的更改

import React, { Component } from 'react';

class MyForm extends Component {
  constructor(props) {
    super(props);
    this.state = {
      name: '',
      email: '',
      submitted: false
    };
    this.nameInput = React.createRef();
    this.emailInput = React.createRef();
  }

  handleSubmit = (e) => {
    e.preventDefault();
    // 处理表单提交逻辑
    // ...

    // 设置submitted状态为true
    this.setState({ submitted: true }, () => {
      // 重置表单的值
      this.nameInput.current.value = '';
      this.emailInput.current.value = '';
    });
  }

  render() {
    const { name, email, submitted } = this.state;

    return (
      <form onSubmit={this.handleSubmit}>
        <label>
          Name:
          <input
            type="text"
            value={name}
            ref={this.nameInput}
            onChange={(e) => this.setState({ name: e.target.value })}
          />
        </label>
        <label>
          Email:
          <input
            type="email"
            value={email}
            ref={this.emailInput}
            onChange={(e) => this.setState({ email: e.target.value })}
          />
        </label>
        <button type="submit">Submit</button>
        {submitted && <p>Form submitted!</p>}
      </form>
    );
  }
}