多个字段的formik验证

【问题标题】：formik validation on multiple fields多个字段的formik验证
【发布时间】：2019-09-07 04:39:28
【问题描述】：

我有一个包含多个输入的表单，我不想对每个字段进行验证，但如果所有字段都是空的，它会在表单顶部显示错误。有没有办法用formik做到这一点？我正在查看来自https://jaredpalmer.com/formik/docs/api/formik#validate-values-values-formikerrors-values-promise-any 的“validate?: (values: Values) => FormikErrors | Promise”，但我不知道如何编写错误对象以及在哪里显示错误，因为我不想要错误显示在特定字段下。

【问题讨论】：

标签： reactjs validation formik

【解决方案1】：

Formik 有一个 onSubmit 函数，您可以检查值并查看是否有已填充的输入，并据此显示错误并防止用户提交空表单

当然，在 Formik 渲染部分，您可以访问 values 属性，如果值为空，您可以显示错误。但我想它没有最好的用户体验

<Formik
      onSubmit={(values) => {
         //here you can read values object and set your custom error in state and then show to the users.
      }}
    >
{({ handleChange, errors, values, isSubmitting, handleSubmit }) => (
        <Form>
          // you have access values here too.
          ...
        </Form>

【讨论】：