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

Question

我目前正在研究一个使用Redux和Redux-saga的React项目。 我想知道如何在成功完成异步api调用后使表单重置。 使用redux和redux saga我是使用

resetform({})

但是它会在成功执行api之前立即重置表单

Answer 1

我将做什么：

• 拨打api，
• 使用Redux，您可以在商店中更新条目：isSubmitted，它是一个布尔值。
• 在此之后，只需检查道具isSubmitted，并在true时调用resetForm（）;
• 您可以检查具有效果（useEffect）的道具，或者如果使用旧版本的react，则检查componentDidUpdate。

根据Formik的文档：

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

希望有帮助。