验证 redux-from 中的深层字段

Question

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

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

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

问题：

我该如何做这项工作？

谢谢

Answer 1

最初，你的错误object是空的，所以你不能设置嵌套键，因为它parent是未定义的，你必须先定义数据键，然后设置数据中的标题错误。

您可以做类似的事情（根据您的需要调整“！”或任何其他条件）

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

验证 redux-from 中的深层字段

validating deep fields in redux-from

reactjs

redux

redux-form

react-redux