How to use setFieldValue in <Formik>?

Question

I don't fully understand the difference between <Formik/> and useFormik() implementation. I hope someone can point me to the right direction.

Is it possible to use formik.setFieldValue() with <Formik />? I need to set the value in the async callback.

If so, can you please share a snippet on how to do this. TIA

Answer 1

here is the screenshot of that piece of code

Answer 2

In any children component of formik, you can use the hook useFormikContext, which return all data you got in render props on a formik. so:

const {setFieldValue} = useFormikContext();

also, you can use hook to get stuuf for specific field, using useField:

const [fieldInput, fieldMeta, fieldHelpers] = useField('fieldName');
fieldHelpers.setValue(value);

Note that you must to be in inner component. not same component where you define the Formik component, but one of its childs