Я пытаюсь проверить вложенный объект в форме Formik с помощью Yup.Я также использую библиотеку formik-antd (только сопоставления между formik и antd).
После того, как я выбрал опцию Выбрать компонент, я получаю следующее сообщение об ошибке: parent.id is a required field
.
Вотмоя схема Yup:
const validationSchema = Yup.object().shape({
parent: Yup.object().shape(
{
id: Yup.string().required()
}
)
})
и моя форма:
import { FormItem, TreeSelect } from '@jbuschke/formik-antd'
<React.Fragment>
<FormItem name='parent.id'>
<TreeSelect
name='parent.id'
style={{ width: '100%', marginBottom: '.5rem', marginTop: '.5rem' }}
value={selectedWbsComponent}
dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
treeData={treeData}
placeholder='Select parent WBS component'
treeDefaultExpandAll
onChange={onChange}
/>
</FormItem>
</React.Fragment>