react-hook-form访问嵌套组件中的验证规则

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

const MyForm = () => {
  const { register, handleSubmit } = useForm();

  const onSubmit = (data) => {
    console.log(data); // 处理表单提交数据
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input {...register('name', { required: true })} />
      <input {...register('email', { required: true, pattern: /^\S+@\S+$/i })} />

      <NestedComponent register={register} /> {/* 将 register 传递给嵌套组件 */}

      <button type="submit">提交</button>
    </form>
  );
};

const NestedComponent = ({ register }) => {
  return (
    <div>
      <input {...register('nestedField', { required: true })} />
    </div>
  );
};