在我的案例中，单击submit后，如何清除react中的输入字段？

class MyForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      inputValue: ''
    };
  }

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

  handleSubmit = (event) => {
    event.preventDefault();
    // 处理表单提交逻辑
    // 清除输入字段
    this.setState({ inputValue: '' });
  }

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

class MyForm extends React.Component {
  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">Submit</button>
      </form>
    );
  }
}

import { useForm, Controller } from 'react-hook-form';

function MyForm() {
  const { handleSubmit, control, reset } = useForm();

  const onSubmit = (data) => {
    // 处理表单提交逻辑
    // 清除输入字段
    reset();
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <Controller
        name="inputValue"
        control={control}
        defaultValue=""
        render={({ field }) => <input type="text" {...field} />}
      />
      <button type="submit">Submit</button>
    </form>
  );
}