如何解決多個字段名稱未知的問題。 使用 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不太熟悉，但我認為像這里這樣在模板中進行驗證可以解決您的問題。