【发布时间】：2020-05-25 07:23:11
【问题描述】：
我有 10 个组件显示为侧导航列表项。每个组件都是一个表单（Formik、Material、Yup）。当用户点击其中一个项目时，他会转到相应的表单页面，他可以填写表单，但我想一次性提交整个数据（一次所有 10 个表单）。
这里的问题是，一旦用户从一个表单导航到另一个表单，数据就会丢失。我不知道如何处理它，有什么线索吗？
【问题讨论】：
标签： reactjs material-ui formik
【发布时间】：2020-05-25 07:23:11
【问题描述】：
在我看来，如果您想一次性提交所有表单数据，您应该将所有数据存储在其父组件中的 10 个表单中。当用户导航到其他页面时，您的数据将在父组件中。但我认为这不是一个好方法，因为父组件存储了大量数据，导致性能不佳。为什么要一次提交所有表单？
【讨论】：
-
是的，它可能存在潜在的性能问题，但功能就是这样 - 捕获用户填写的表单字段的值，然后在用户点击提交时保存整个数据。
您是否想过将表单数据存储在商店中？然后每个表单提交更新存储中的值，最后一次提交将所有数据收集到一个数据表单元素中并提交给服务器？
【讨论】：
-
不过，在 React Context 中几乎遵循了相同的方法。谢谢！