React Formik 表单 - 记住 onChange 的值并在提交时重置它们

【问题标题】：React Formik form - remember values onChange and reset them on submitReact Formik 表单 - 记住 onChange 的值并在提交时重置它们
【发布时间】：2019-07-08 12:15:57
【问题描述】：

我正在使用 Formik 在我的 react 应用程序中创建表单。视图中的选项卡很少，并且所有选项卡都包含相同的表单（具有相同字段的表单）。我希望在用户切换选项卡时记住一些字段。我想到的是在字段onChange 事件上将值保存到Redux，但根据Formik 文档，不建议将Formik values 保存到Redux state。此外，在提交表单时，我希望清除/重置这些值。最好的方法是什么？

【问题讨论】：

标签： reactjs formik

【解决方案1】：

切换标签时，您可以将initialValues 传递给新表单。

您可以将其存储在Redux中并将存储的数据提供给initialValues
您可以将其存储在上层状态并将存储的数据提供给initialValues

诀窍是不存储实际值，而是在运行时创建一个对象以用作initialValues

【讨论】：

我已经有initialValues了，这不是切换标签的新形式，而是相同的形式（相同的组件）。初始值当然是空的。例如，表单上有description 字段，如果我在一个选项卡上更改它，我希望在切换选项卡时记住该值。另外，在提交表单时，我希望它被清除。
在切换标签之前复制对象中需要的值，存储在任意状态（redux，本地状态），然后提供给下一个标签的initialValues