formik - formik中submit Form、handleSubmit、onSubmit有什么区别？

Question

Formik 文档 说

https://jaredpalmer.com/formik/docs/guides/form-submission

To submit a form in Formik, you need to somehow fire off the provided handleSubmit(e) or submitForm prop. When you call either of these methods, Formik will execute the following (pseudo code) each time:

----
Run all field-level validations, validate, and validationSchema asynchronously and deeply merge results
---

我无法理解表单提交过程。 handleSubmit、onSubmit、submitForm 有什么区别。

即使我提供同步验证功能，验证是否总是异步运行？

以上三个函数哪个异步运行？
他们返回什么？

Answer 1

onSubmit - 它是 form 的原生事件 Prop 成分。这与你的问题无关

我没用过Formik。但是如果我们看看他们的代码:https://github.com/jaredpalmer/formik/blob/26c4f8627a5ecfd81ec2196c7a9687b3f39f2836/packages/formik/src/Formik.tsx#L740
submitForm - 更底层的函数，返回 Promise，然后你可以处理结果。handleSubmit - 内部调用 submitForm , 并处理所有错误，如果发生在内部，则不返回任何内容。 ( https://github.com/jaredpalmer/formik/blob/26c4f8627a5ecfd81ec2196c7a9687b3f39f2836/packages/formik/src/Formik.tsx#L833 )

这两个函数都是异步的，因为它们用 useEventCallback 包裹.

默认情况下，在您触发任何事件后总是会进行验证 submitForm或 handleSubmit .您可以自己编写哪种类型的验证同步或异步取决于第一个 validate示例 ( https://github.com/jaredpalmer/formik/blob/26c4f8627a5ecfd81ec2196c7a9687b3f39f2836/docs/guides/validation.md#validate )

运行验证时有方法列表，或者如何触发它:
https://github.com/jaredpalmer/formik/blob/26c4f8627a5ecfd81ec2196c7a9687b3f39f2836/docs/guides/validation.md#validate