什么是开发具有15个字段的表单的最佳过程，特别是使用React JS，没有Redux或其他任何语义的语义UI [关闭]

Question

关闭。这个问题是opinion-based。它当前不接受答案。

---

是否要改善此问题？更新问题，以便editing this post可以用事实和引用来回答。

关闭3个月前。

我正在尝试使用continue按钮创建一个长格式的页面，该页面每页将具有5个字段。什么是编码对齐的最佳格式，尤其是在仅具有功能组件的react js中。

我有3种思路。

1. 将每个页面字段保留在不同的页面（如page1，page2，page3中，然后在父级中访问）。
2. 将所有字段保留在一个文件中，并通过传递页码使用切换大小写来访问这些字段。
3. 保留一页中的所有字段并加载所有字段，但根据页码隐藏某些字段。

[如果还有其他最佳标准方法可以减少将来的维护，减少代码更改，并且减少重复代码，那么...请开处方。

Answer 1

根据我的最佳方法是制作一个component，它将保存所有表单值并有条件地在屏幕上呈现它们。您可以做的是，创建三个div，将按条件渲染：

{ step === 1 && <div>{"Your form here"}</div>}

此方法的最佳部分是将所有form数据放在一个位置。然后，您可以轻松地将该数据传递给API并发出请求。