高内聚-低耦合，如何让我们的组件拆分（设计）更优雅

高内聚

高内聚是指把逻辑紧密相关的内容放在一个组件中。
React天生特点
用户界面无外乎内容、交互行为和样式。传统上，内容由HTML表示，交互行为放在JavaScript代码文件中，样式放在CSS文件中定义。这虽然满足一个功能模块的需要，却要放在三个不同的文件中，这其实不满足高内聚的原则。React却不是这样，展示内容的JSX、定义行为的JavaScript代码，甚至定义样式的CSS，都可以放在一个JavaScript文件中，因为它们本来就是为了实现一个目的而存在的，所以说React天生具有高内聚的特点。

高内聚与面向对象设计中的单一职责原则不谋而合。

单一职责原则SRP(Single Responsibility Principle)

单一职责原则又称单一功能原则，面向对象五个基本原则（SOLID）之一，它规定一个类应该只有一个发生变化的原因。

未完待续