如何在數組react-final-form中設置錯誤

Question

我對react-final-form中的錯誤有一些疑問。 我不知道如何在數組中設置錯誤。 有人可以給我一個例子嗎？ 謝謝。

只需為此示例設置驗證。 https://codesandbox.io/s/kx8qv67nk5

Answer 1

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

Answer 2

您可以將驗證器直接添加到Field（在其validate屬性中），它將應用於數組中的特定Field元素。 例如，在此示例中，使用名為“ required”的驗證程序

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