使用 Yup 访问必填字段

Question

我使用 react-hook-form 和 yup 来验证我的表单。

我想知道模式的所有必填字段以在表单中显示一些信息（如必填字段的“*”）。我们可以用这行代码来实现：

schema.describe().fields[field].tests.findIndex(({ name }) => name === 'required'

但是，此代码不适用于条件验证。

架构示例：

const schema = yup.object().shape({
    email: yup
    .string()
    .email()
    .required(),

    isProfileRequired: yup
    .boolean(),

    profile:  yup
    .object()
    .when('isProfileRequired',{
        is: (isProfileRequired) => isProfileRequired,
        then:
            yup
            .object()
            .nullable()
            .required()
    })
})

有没有办法在表单中检索此信息？

Answer 1

实际上没有“好”的方法来做到这一点，但这个有效：

function isRequired(field){
    return schema.fields[field]._exclusive.required || false 
}

注意：schema.fields[field]._exclusive.required returns 如果需要或未定义则为真。

Answer 2

测试 exclusiveTests 而不是 _exclusive 对我有用。

const isRequired = 
validationSchema?.fields[aField.name]?.exclusiveTests?.required || false;

使用 Yup 访问必填字段

Access to required fields with Yup

javascript

reactjs

yup

react-hook-form