React 中的多步骤表单
Multiple Steps Form in React
我被要求在 React 中开发一个多步骤表单。该表单包含 30 个要填写的字段，应分 3 个步骤显示，每个步骤 10 个字段。
前 2 个步骤有 "Save" 和 "Next step" 选项，用于保存当前工作或继续下一步。
最后一步有 "Save" 和 "Finish form" 选项，它们都将表单保存在数据库中（通过网络服务）。
像这样：
该项目是在 React 上开发的，使用 Mobx 进行状态管理，我是 React 新手。我的问题是……我应该如何管理状态和商店？
我是否应该有一个包含 30 个字段的商店 (FormStore)，并通过道具将其传递给每个组件，它们将填充每个字段？
有什么办法可以让我有一个单一的商店（如单身人士）并且每个组件都在那里填充它的字段？
我必须管理内存中的字段信息，直到点击保存按钮。如果点击保存按钮，我只需要保存填充的字段。
我们将不胜感激。
如果此表单数据在您的应用程序的其他任何地方都没有更改，您可以对所有内容使用一个商店。由于它相对较小，我想不出有什么缺点。
如果答案可以放在不同的类别中，并且不同的类别会因您的应用程序的不同功能而发生变化，那么您会想要拆分它。
我被要求在 React 中开发一个多步骤表单。该表单包含 30 个要填写的字段，应分 3 个步骤显示，每个步骤 10 个字段。 前 2 个步骤有 "Save" 和 "Next step" 选项，用于保存当前工作或继续下一步。 最后一步有 "Save" 和 "Finish form" 选项，它们都将表单保存在数据库中（通过网络服务）。
像这样：
该项目是在 React 上开发的，使用 Mobx 进行状态管理，我是 React 新手。我的问题是……我应该如何管理状态和商店？ 我是否应该有一个包含 30 个字段的商店 (FormStore)，并通过道具将其传递给每个组件，它们将填充每个字段？ 有什么办法可以让我有一个单一的商店（如单身人士）并且每个组件都在那里填充它的字段？
我必须管理内存中的字段信息，直到点击保存按钮。如果点击保存按钮，我只需要保存填充的字段。
我们将不胜感激。
如果此表单数据在您的应用程序的其他任何地方都没有更改，您可以对所有内容使用一个商店。由于它相对较小，我想不出有什么缺点。
如果答案可以放在不同的类别中，并且不同的类别会因您的应用程序的不同功能而发生变化，那么您会想要拆分它。