Reactjs 在React JS中的单个文件上有条件地为弹出窗体或循环字段维护单独的文件

我是一个完全的初学者。目前，我很难决定最好的方法

#当前方法

我有一个弹出窗口，点击垂直对齐的div会被触发。因此，这些弹出窗口是具有字段的表单，这些字段可能与某些表单相同

因此，我有一个数组，其中包含字段（名称、类）的属性，我根据单击的div id循环这些属性并显示表单。因此，我只有一个文件，其中数组循环并基于单击的DIV显示

#问题

---

我的困惑是，我应该在单独的文件中为每个div编写弹出表单作为类组件，并有条件地调用它们吗？或者我应该遵循当前方法吗？

如果表单字段集是固定的，那么方法#当前方法是好的，

---

但是使用一些类似“set_type”的道具而不是div“id”来过滤列表

如果表单字段集是固定的，则方法#当前方法是好的，

---

但是使用一些类似“set_type”的道具而不是div“id”来过滤列表

您应该遵循当前的方法

因为您将使用相同的代码，即使将来您必须添加更多表单，并且只有您将更新数组。（它被称为可重用组件）

但是，如果为每个表单创建单独的文件，将来如果要添加更多表单，则必须创建一个与前一个组件完全相同的组件，但组件名称除外。您正在添加重复代码。通过添加文件，您的文件夹结构也变得更加庞大

---

所以“干燥”的概念在这里失败了。（不要重复）

你应该遵循当前的方法

因为您将使用相同的代码，即使将来您必须添加更多表单，并且只有您将更新数组。（它被称为可重用组件）

但是，如果为每个表单创建单独的文件，将来如果要添加更多表单，则必须创建一个与前一个组件完全相同的组件，但组件名称除外。您正在添加重复代码。通过添加文件，您的文件夹结构也变得更加庞大

---

所以“干燥”的概念在这里失败了。（不要重复）

在实施当前方法时，我一直牢记这一点。感谢您的帮助。在实施当前方法时，我一直牢记这一点。谢谢您的帮助。表单字段已修复。我将按照你的建议使用一些道具。感谢您的帮助，表单字段已修复。我将按照你的建议使用一些道具。谢谢你的帮助