使用redux成功提交Formik表单后如何清除表单

Question

I am currently working on a React project which uses Redux and Redux-saga. I am wondering how to make the form reset after successfully completing the async api call. using redux and redux saga am I using the

resetform({})

but it immediately resets the form before api is successfully executed

Answer 1

What I will do :

• Make the call to the api,
• with Redux, you can update in the store an entry like : isSubmitted which is a boolean.
• after this, just check the props isSubmitted and when it's true just call the resetForm();
• You can check the props with an effect (useEffect) or if you use an older version of react, componentDidUpdate.

According to the doc of Formik :

The latter is useful for calling resetForm within componentDidUpdate or useEffect.

Hope it helps.