在Formik中使用Yup验证嵌套对象

Question

我正在尝试使用Yup验证Formik形式的嵌套对象。我也在使用formik-antd库（只是formik和antd之间的映射）。

选择选项Select组件后，出现此错误消息： 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>