如何在数组react-final-form中设置错误答案

【问题标题】：How to set the error in the array react-final-form如何在数组react-final-form中设置错误
【发布时间】：2018-03-27 18:02:59
【问题描述】：

我对 react-final-form 中的错误有一些问题。我不知道如何在数组中设置错误。有人可以给我一个例子吗？谢谢。

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

【问题讨论】：

标签： javascript reactjs react-final-form final-form react-final-form-arrays

【解决方案1】：

你可以像这样https://codesandbox.io/s/8xkn4r10m8在提交之前和之后添加验证

【讨论】：

【解决方案2】：

您可以将验证器直接添加到 Field（在其 validate 属性中），这将应用于数组中的特定 Field 元素。例如，在本例中使用名为“必需”的验证器

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

【讨论】：