【发布时间】：2018-01-09 11:02:46
【问题描述】：
假设我有一个表单 X，它呈现另外两个组件，这些组件有很多子组件，到现在还可以， 但是，如果我有另一个表单 Y，它的大部分逻辑与表单 X 相同，只有子组件中的一些逻辑是为 Y 表单定制的，那么处理这种情况的最佳实践是什么？ 是通过 jsx 条件语句，通过传递一个 prop 来指示当前正在使用哪种形式？ 还是通过继承组件并为每个表单应用自定义逻辑？
如果我要创建一个 OOP 解决方案，这是关系，但是 getFirstComponent 方法将有许多子组件，如果我想为大多数向下组件添加自定义逻辑，我需要创建一个扩展原始组件的新组件类并覆盖render 方法来添加我的自定义逻辑，或者通过传递一个标志来指示现在正在使用哪种表单并使用 JSX 条件来做出决定。
【问题讨论】：
-
你能给个example吗？
-
@TomDavies 中描述的问题，如果不清楚会详细说明
-
是的，不太清楚你在追求什么。如果您可以编辑问题以包含一个显示 X 结构和 Y 结构的最小示例，那么我认为这会有所帮助。
-
已添加，@TomDavies :)
标签： javascript forms reactjs jsx