问题描述
我正在开发一个React应用程序。 基本上有一些内容和清单部分。
我的问题是编辑内容，内容编辑模式应该是ContentCard组件的一部分，还是应该将ContentEditModal放在MainLayout ？
用户仅在单击编辑按钮时才使用ContentEditModal 。
因此，重复相同的组件是一种反模式吗？
或最佳方法是什么？
让我总结一下；
方法1：
MainLayout
--ContentList
----Content (ContentCardComponent With Edit Modal Inside)
----Content (ContentCardComponent With Edit Modal Inside)
----Content (ContentCardComponent With Edit Modal Inside)
----Content (ContentCardComponent With Edit Modal Inside)
...
方法2：
MainLayout
--ContentEditModal
--ContentList
----Content (ContentCardComponent Without Edit Modal)
----Content (ContentCardComponent Without Edit Modal)
----Content (ContentCardComponent Without Edit Modal)
----Content (ContentCardComponent Without Edit Modal)
...
1楼
Pablo Miceli
0
2019-02-21 15:46:57
第二种方法使另一个开发人员在必须使用该模式时更容易找到该模式。 而且，将模态包含在其他组件中会使组件更轻，更易于测试且更可预测。 此外，在其自己的组件中具有模式可以使其可重用，因此您将来可以避免重复代码。 基本上，“关注点分离”的概念始终是您的朋友。