React-Hook-Form v6仅重置错误信息问题：动态字段删除后错误残留的解决方案咨询

嘿，我之前维护老项目时刚好碰到过一模一样的情况——用v6版本做动态字段，删除字段后错误信息残留，clearErrors和unregister好像都没起作用。给你几个亲测有效的方案：

1. 针对单个删除字段：精准注销+清除对应错误 #

你可能之前没把字段名或者操作顺序搞对。动态字段的name通常是fields[0].name这种带数组索引的格式，删除时要精准定位：

const handleDeleteField = (index) => {
  // 构造要删除字段的完整name路径
  const fieldNames = [
    `fields[${index}].name`,
    `fields[${index}].email` // 替换成你的动态字段实际属性
  ];
  
  // 先逐个注销字段
  fieldNames.forEach(name => unregister(name));
  // 再清除对应字段的错误
  fieldNames.forEach(name => clearErrors(name));
  
  // 最后更新你的动态字段数组
  setFields(prev => prev.filter((_, i) => i !== index));
};

这样操作后，被删除字段的错误就会被彻底清除，不会残留。

2. 批量清除所有错误但保留表单内容 #

如果需要一次性清空所有错误又不想重置表单，v6的reset方法其实支持传选项！你可以先获取当前表单值，再调用reset时保留这些值、只清除错误：

const clearAllErrorsWithoutReset = () => {
  const currentFormValues = getValues();
  reset(currentFormValues, {
    keepErrors: false, // 关键：清除所有错误
    keepDirty: true, // 保留用户修改过的字段标记
    keepIsSubmitted: false, // 可选：重置提交状态，按需调整
  });
};

这个方法适合需要一次性清空所有错误的场景，完全不会影响用户已经输入的内容。

3. 配合yup校验：让schema和动态字段同步 #

因为你用了yup做校验，还要注意字段删除后，yup的schema也要跟着更新，不然校验逻辑还会盯着已不存在的字段。可以用useMemo根据当前字段数组动态生成schema：

import { useMemo, useState } from 'react';
import * as yup from 'yup';
import { useForm } from 'react-hook-form';

const [fields, setFields] = useState([{ name: '', email: '' }]);

// 动态生成校验规则，依赖fields数组变化
const validationSchema = useMemo(() => {
  return yup.object().shape({
    fields: yup.array().of(
      yup.object().shape({
        name: yup.string().required('Name is required'),
        email: yup.string().email('Invalid email').required('Email is required'),
      })
    ),
  });
}, [fields]);

const { register, unregister, clearErrors, reset } = useForm({
  validationSchema,
});

这样每次删除字段后，schema都会自动调整，从根源减少残留错误的可能。

内容的提问来源于stack exchange，提问作者Tilak Raj