如何从另一个组件中读取react-hook-form中的值

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

const { register, handleSubmit, errors, watch } = useFormContext();

const fieldValue = watch('fieldName');

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

const AnotherComponent = () => {
  const { watch } = useFormContext();
  const fieldValue = watch('fieldName');

  return (
    <div>
      <p>另一个组件中读取到的值为：{fieldValue}</p>
    </div>
  );
};

export default AnotherComponent;