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

Question

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

resetform({})

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

Answer 1

我会做什么：

• 调用 api，
• 使用 Redux，您可以在商店中更新一个条目，例如 ：isSubmitted这是一个布尔值。
• 在此之后，只需检查道具是否已提交，当它true时，只需调用 resetForm((;
• 你可以用效果(useEffect(检查道具，或者如果你使用旧版本的react，componentDidUpdate。

根据福米克的文档：

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

希望对您有所帮助。