React -如何模拟useFormContext (react-hook-form)

import { createContext } from 'react';

const FormContext = createContext();

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

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

  return (
    <FormContext.Provider value={{ register, handleSubmit, errors }}>
      {/* 子组件 */}
    </FormContext.Provider>
  );
};

import { useContext } from 'react';
import { FormContext } from './Form';

const Input = () => {
  const { register, errors } = useContext(FormContext);

  return (
    <div>
      <input {...register('name')} />
      {errors.name && <span>{errors.name.message}</span>}
    </div>
  );
};