Подтвердите вложенный объект с помощью Yup в Formik - PullRequest
Новая
       10

Подтвердите вложенный объект с помощью Yup в Formik

0 голосов
/ 25 сентября 2019

Я пытаюсь проверить вложенный объект в форме 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>
...