如何在react钩子中将结果状态重置为其初始值

import React, { useState, useRef } from 'react';

function FormComponent() {
  // 使用useState定义状态及其初始值
  const [formData, setFormData] = useState({
    name: '',
    email: ''
  });

  // 使用useRef存储初始状态
  const initialFormData = useRef(formData);

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

  // 处理重置按钮点击事件
  const handleReset = () => {
    setFormData(initialFormData.current);
  };

  return (
    <form onSubmit={handleSubmit}>
      <input
        type="text"
        value={formData.name}
        onChange={(e) => setFormData({ ...formData, name: e.target.value })}
      />
      <input
        type="email"
        value={formData.email}
        onChange={(e) => setFormData({ ...formData, email: e.target.value })}
      />
      <button type="submit">Submit</button>
      <button type="button" onClick={handleReset}>Reset</button>
    </form>
  );
}

export default FormComponent;