使用react钩子表单在提交后显示输入

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

function MyForm() {
  const { register, handleSubmit } = useForm();
  const [submittedData, setSubmittedData] = useState(null);

  const onSubmit = (data) => {
    setSubmittedData(data);
  };

  return (
    <div>
      <form onSubmit={handleSubmit(onSubmit)}>
        <input type="text" name="name" ref={register} />
        <input type="email" name="email" ref={register} />
        <button type="submit">提交</button>
      </form>

      {submittedData && (
        <div>
          <p>您的输入：</p>
          <p>姓名：{submittedData.name}</p>
          <p>邮箱：{submittedData.email}</p>
        </div>
      )}
    </div>
  );
}