如何解决多个字段名称未知的问题。 使用 yup 和 reactjs

Question

我有数组字段名称...未知字段名称，数组字段名称从数据库中获取。 它们是相同的验证。如何使用 yup 未知字段名称进行验证？

const schema=yup.object().schema({
nameField1:yup.required('required')
        .min(5, 'min 5 characters')
        .max(10, 'max 10 characters'),
nameField2:yup.required('required')
        .min(5, 'min 5 characters')
        .max(10, 'max 10 characters'),
....
nameUnknown:yup.required('required')
        .min(5, 'min 5 characters')
        .max(10, 'max 10 characters'),
})

Answer 1

使用动态表单时我遇到了类似的问题。 这意味着后端会向我发送一个对象，如果您愿意制作表单，我会将其用作“蓝图”。 在那种情况下，我认为对我有用的是使用表单库验证方法（在 formik 中它是validateField ）。 现在，我对react-hook-form不太熟悉，但我认为像这里这样在模板中进行验证可以解决您的问题。