React中的多步驟表單

Question

我被要求在React中開發多步驟表單。該表格包含30個要填寫的字段，並且應以每個10個字段的3個步驟顯示。 前兩步有「保存」和「下一步」選項來保存當前工作或繼續下一步。 最後一步有「保存」和「完成表單」選項，它們都會將表單保存到數據庫中（通過Web服務）。

事情是這樣的：

該項目由上反應，使用Mobx爲國家管理，我是新來的反應。我的問題是......我應該如何管理州和商店？ 我應該有一個單獨的商店（FormStore）與30個領域，並通過道具傳遞給每個組件，他們將填補每個領域？ 有什麼辦法可以讓我有一個單店（像一個單身人士）和每個組件填充其領域？

我必須管理內存中的字段信息，直到點擊保存按鈕。如果保存按鈕被擊中，我需要保存填充字段。

任何形式的指導將不勝感激。

Answer 1

如果此表單數據在應用程序的其他任何地方沒有更改，則可以爲所有人使用單個存儲。考慮到它相對較小，我想不出任何缺點。

如果答案可能放在不同的類別中，而您的應用程序的不同功能會導致不同的類別發生變化，您可能需要將其拆分。