验证 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;
}