React中的多个步骤表单

Question

我被要求在React中开发一个多步骤表单。表单包含30个要填充的字段，它应以3个步骤显示，每个10个字段。 前两个步骤有“保存”和“下一步”选项以保存当前工作或继续下一步。 最后一步是“保存”和“完成表单”选项，它们都将表单保存在数据库中（通过Web服务）。

这样的事情：

该项目是在React上进行的，使用Mobx进行状态管理，我是新手做出反应。我的问题是......我应该如何管理州和商店？ 我应该有一个包含30个字段的单个商店（FormStore）并通过道具将它传递给每个组件，它们将填充每个字段吗？ 有没有什么方法可以让我有一个单独的商店（如单身），每个组件填充其中的字段？

我必须管理内存中的字段信息，直到点击“保存”按钮。如果点击“保存”按钮，我只需要保存填充的字段。

任何类型的指南都将受到赞赏。

Answer 1

如果您的应用程序中的任何其他位置都未更改此表单数据，则可以使用单个存储库。鉴于它相对较小，我无法想到任何不利因素。

如果答案可以放在不同的类别中，并且不同的类别会因应用程序的不同功能而发生变异，您可能希望将其拆分。