表单提交

提交阶段

¥Submission Phases

要在 Formik 中提交表单，你需要以某种方式触发提供的 handleSubmit(e) 或 submitForm 属性。当你调用这两个方法中的任何一个时，Formik 每次都会执行以下（伪代码）：

¥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:

预提交

¥Pre-submit

• 触摸所有字段。initialValues 是必需的并且应始终指定。参见 #445

  ¥Touch all fields. initialValues are required and should always be specified. See #445

• 将 isSubmitting 设置为 true

  ¥Set isSubmitting to true

• 增量 submitCount + 1

  ¥Increment submitCount + 1

验证

¥Validation

• 将 isValidating 设置为 true

  ¥Set isValidating to true

• 异步运行所有字段级验证、validate 和 validationSchema 并深度合并结果

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

• 有没有错误？

  ¥Are there any errors?

  • 是的：中止提交。设置 isValidating 至 false、设置 errors、设置 isSubmitting 至 false

    ¥Yes: Abort submission. Set isValidating to false, set errors, set isSubmitting to false

  • 不：将 isValidating 设置为 false，继续进行 "提交"

    ¥No: Set isValidating to false, proceed to "Submission"

提交

¥Submission

• 继续运行提交处理程序（即 onSubmit 或 handleSubmit）

  ¥Proceed with running the submission handler (i.e. onSubmit or handleSubmit)

• 提交处理程序是否返回了 promise？

  ¥Did the submit handler return a promise?

  • 是的：等到解决或拒绝，然后将 setSubmitting 设置为 false

    ¥Yes: Wait until it is resolved or rejected, then set setSubmitting to false

  • 不：调用 setSubmitting(false) 完成循环

    ¥No: Call setSubmitting(false) to finish the cycle

常见问题

¥Frequently Asked Questions