React hook Form 知道值何时被修改

React Hook Form 是一个用于处理表单验证的库，它提供了一种简单且高效的方式来管理表单的状态和验证规则。使用 React Hook Form，我们可以轻松地定义表单字段、设置验证规则以及获取表单的值和错误信息。

javascript
import React from 'react';
import { useForm } from 'react-hook-form';
function MyForm() {
  const { register, watch } = useForm();
  const firstName = watch('firstName'); // 监听 firstName 字段的值变化
  return (
    
      
      
First Name: {firstName}
    
  );
}

javascript
import React, { useEffect } from 'react';
import { useForm } from 'react-hook-form';
function MyForm() {
  const { register, watch } = useForm();
  const firstName = watch('firstName'); // 监听 firstName 字段的值变化
  useEffect(() => {
    // 当 firstName 字段的值发生变化时触发
    console.log('First Name changed:', firstName);
  }, [firstName]);
  return (
    
      
      
First Name: {firstName}
    
  );
}

` 元素中显示 `firstName` 字段的值。