React-hook-form的'reset‘工作正常，提交后输入字段仍不为空

import React from 'react';
import { useForm } from 'react-hook-form';

function App() {
  const { register, handleSubmit, reset, formState: { errors } } = useForm({
    defaultValues: {
      firstName: '',
      lastName: ''
    }
  });

  const onSubmit = data => {
    console.log(data);
    // 假设这里有一个异步的提交操作
    setTimeout(() => {
      reset(); // 在提交成功后重置表单
    }, 1000);
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input {...register("firstName", { required: true })} placeholder="First Name" />
      {errors.firstName && <span>This field is required</span>}

      <input {...register("lastName", { required: true })} placeholder="Last Name" />
      {errors.lastName && <span>This field is required</span>}

      <input type="submit" />
    </form>
  );
}

export default App;