如何在react-final-form中使用不同的验证功能onSubmit？

Question

示例-https://codesandbox.io/s/react-final-form-field-level-validation-example-jlqfx?fontsize=14

我有一个年龄表，这是必填字段。我想运行两个不同的验证

1. 当用户输入输入时，它应验证输入是否为数字。如果用户将其留空，则不会出现错误

2. 当用户单击“提交”时，应验证该条目不是空的而且是数字。

基本上，非空验证应仅在提交时运行。如何使用react-final-form

Answer 1

对于仅提交错误，请将验证逻辑直接放在onSubmit中。如果onSubmit返回一个错误对象（或一个将化为一个错误的诺言），则这些错误将被视为“提交错误”，对于出现错误的任何字段，它们将出现在meta.submitError中。因此，请注意在显示错误时如何同时检查meta.error和meta.submitError。