我们以组件为例。根据案例代码进行示意。我们通常如何读取代码？可能是以下情况。
当我们进行抽象组件时，我们以参数的形式传输许多行为和参数，以执行功能多态性。
您是否发现当我们阅读代码时，这篇文章有点扭曲？当我需要看到标题的结构时，我不知道这个组件是什么样的。文件的这些API！我们只有一个孩子可以阅读。
在这里，我期待看到所得数据类似于HTML。类似于以下代码，而可读性也可以控制渲染。我们遵循Bootstrap的模态。
目前，我在想，有没有办法转向上述方式？
但是，这在代码方面看起来并不复杂。我们已经使组件用户而不是创始人可以控制组件行为的能力，该行为称为控制逆转。它必须比我们现有的组件具有更多的代码，但是它更简单，更灵活，适合我们未来的用例，并且不会变得更加复杂。
例如，考虑这种情况：我们不想仅渲染表单，而是想渲染我们喜欢的任何内容。关闭按钮在内容下方显示的按钮？我们需要一个特殊的参数。
更灵活，接口较小。
我们只需要对上下文进行一些修改即可完成我们的操作。
在使用组件的过程中，我们可以获得完整的HTML结构树。
您可以放置莫置上的位置和布局，您可以随意放置它，而无需实现它；
当然，如果您要按钮进行onclick事件，则可以参考此想法
您只需要将上述代码修改为
不要急于抽象，不要将所有内容留给参数。也许现在是一个简单的组件，但是您不知道将来需要实现哪些案例。不要认为这是时间和维护之间的平衡，复杂性可能会成倍增长。
在React中播放复合组件的优势，以使您的生活更轻松。