formik fieldarray错误消息 - 反应本机

Question

我正在使用formik fieldarray 作为我表单的一部分，并且想显示错误消息，我可以通过 errors.familymembers [0] ，看起来

[{"first_name": "First Name is a required field", "last_name": "Last Name is a required field"}]

要显示错误我有两个部分，我需要提取错误消息，

isInvalid={fieldName in errors.familyMembers[0] && touched[fieldName]}

<FormErrorMessage
  message={errors.familyMembers[0][fieldName]}
  isVisible={touched[fieldName]}
/>

问题是当组件最初渲染 errors.familymembers [0] is undefined > ，这给我带来了错误

undefined is not an object (evaluating 'errors.familyMembers[0]')

，有什么方法可以防止未定义的，并显示消息（如果可用）？希望这是有道理的

Answer 1

您可以使用，喜欢：

isInvalid={errors?.familyMembers && fieldName in errors.familyMembers[0] && touched[fieldName]}

<FormErrorMessage
  message={errors?.familyMembers?.[0][fieldName]}
  isVisible={touched[fieldName]}
/>

可选的链式操作员（？。）使您能够读取一个值
属性位于没有连接物体链中的深处
必须检查链中的每个参考是否有效。