如何在阵列反应基本形式中设置误差

Question

我在反应基形式中的错误时存在一些问题。我不知道如何在数组中设置错误。有人可以给我一个例子吗？谢谢。

只需设置此示例的验证即可。https://codesandbox.io/s/kx8qv67nk5

Answer 1

您可以在提交之前和提交后添加验证，如https://codesandbox.io/s/8xkn4r10m8

Answer 2

您可以将验证器直接添加到字段(在其validate属性中(，这将应用于数组中的特定字段元素。例如，使用称为"必需"的验证器，如本示例

中

const required = value => (value ? undefined : "Required"); 

然后，该字段看起来像这样，并且能够使用任何验证错误访问元数据

<Field 
     name={`${name}.firstName`}
     validate={ required }
     render={({ input, meta }) => (
       <div>
         <input {...input} />
         {meta.touched && meta.error && <span>{meta.error}</span>}
       </div>
     )} 
/>

工作示例：

https://codesandbox.io/s/y3w6yo8xr9