該用 useFormikContext 還是 useFormik

[gracekrcx]

官網提到 Use cases for useFormik

• You are Jared(作者)
• You are modifying the returned value and creating a modified version of for your own consumption
• You want to avoid using React Context (possibly for perf reasons)

另外一段 useFormik 的解釋

If you are trying to access Formik state via context, use useFormikContext. Only use this hook if you are NOT using or withFormik.

useFormikContext

is a custom React hook that will return all Formik state and helpers via React Context.

[gracekrcx]

reset formik value

onSubmit: (values: Values, formikBag: FormikBag) => void | Promise<any>

onSubmit={(values, actions) => {
 setTimeout(() => {
  alert(JSON.stringify(values, null, 2));
  actions.setSubmitting(false);
 }, 1000);
}}

The "FormikBag"

• props (props passed to the wrapped component)
• resetForm
• setErrors
• setFieldError
• setFieldTouched
• setFieldValue
• setStatus
• setSubmitting
• setTouched
• setValues