我有一个字段数组，其中有一个输入字段，我为其设置了一些验证规则，例如 required 和 minLength。

我希望在附加新字段时立即验证该字段。但是，这种情况并没有发生，即使我附加空字段，这些输入字段的错误仍然未定义：

function App() {
  const useFormMethods = useForm({
    defaultValues: {
      test: [{ firstName: "Bill", lastName: "Luo" }]
    },
    mode: "onChange"
  });
  const { fields, append, remove } = useFieldArray({
    control: useFormMethods.control,
    name: "test",
    rules: {
      minLength: 4
    }
  });

  const onSubmit = (data) => console.log("data", data);

  return (
    
      

        
Field Array 
        Render Count: {renderCount}
        

          {fields.map((item, index) => {
            return (
              

                
                
                 remove(index)}>
                  Delete
                
              
            );
          })}
        
        

           {
              append({ firstName: "", lastName: "" });
            }}
          >
            append
          
        

        
      
    
  );
}

这是需要验证的受控输入：

export const FormControlledInput = ({ name }) => {
  const {
    control,
    formState: { errors }
  } = useFormContext();

  const { field, fieldState } = useController({
    name,
    control,
    rules: { required: true }
  });

  console.log(`fieldState error: `, fieldState.error);
  console.log(`formState errors: `, errors);

  return ;
};

您可以在此处查看工作代码和框示例。 我需要做什么才能使其在每次更改时得到验证？