reactjs - 验证 redux-from 中的深层字段

Question

我有向导 redux-from，我的字段是这样的:

<Field
    component={TextField}
    className="mui-textfield"
    floatingLabelText="title"
    name="data.title"
    fullWidth={true}
/>

所以我想用验证函数验证表单，

问题:

我怎样才能完成这项工作？

谢谢

Answer 1

最初，您的错误对象是空的，因此您无法设置嵌套键，因为它的父级未定义，您必须首先定义数据键，然后在数据内的标题上设置错误。

您可以执行类似的操作(根据需要调整“!”或任何其他条件)

validate(values)
{
    const errors = {}
    if (!values.data || (values.data && !values.data.title))
        errors.data = {title: "should exist"};
    return errors;
}