Reactjs 使用formik和yup进行对象验证
这是我的目标。 食物:{ 蔬菜:{ 名称:Reactjs 使用formik和yup进行对象验证,reactjs,formik,yup,Reactjs,Formik,Yup,这是我的目标。 食物:{ 蔬菜:{ 名称:,价格: }, 非素食者:{ 名称:,价格: } } 如何验证对象,因为只有数组验证选项。您可以这样使用yup: let schema=yup.object().shape({ 食物:是的。物体()形状({ veg:yup.object().shape({ 名称:yup.string().required(), 价格:是。编号()。必填项(), }), non_veg:yup.object().shape({ 名称:yup.string().requir
,价格:
},
非素食者:{
名称:,价格:
}
}
如何验证对象,因为只有数组验证选项。您可以这样使用yup:
let schema=yup.object().shape({
食物:是的。物体()形状({
veg:yup.object().shape({
名称:yup.string().required(),
价格:是。编号()。必填项(),
}),
non_veg:yup.object().shape({
名称:yup.string().required(),
价格:是。编号()。必填项(),
})
})
});
您可以构建动态对象,如:
let dynamic=yup.object().shape({
食物:是的。物体()形状({
[dynamicString]:是的。对象()。形状({
名称:yup.string().required(),
价格:是。编号()。必填项(),
}),
[dynamicString]:是的。对象()。形状({
名称:yup.string().required(),
价格:是。编号()。必填项(),
})
})
});
谢谢,如果食物中的物体是动态的,该怎么办。i、 素食主义者,非素食主义者。我已经根据你的需要编辑了我的答案。别忘了将其存储在您所在的州。您也可以使用此链接获取更多信息。