作为软件设计的通则，组件的划分要满足高内聚（High Cohesion）和低搞合（Low
Coupling）的原则。
高内聚指的是把逻辑紧密相关的内容放在一个组件中。用户界面无外乎内容 交互
行为和样式 传统上，内容由 HTML 表示，交互行放在 JavaScript 代码文件中，样式放
css 文件中定义 这虽然满足一个功能模块的需要，却要放在三个不同的文件中，这
其实不满足高内聚的原则 React 却不是这样，展示内容的 JSX 、定义行为的 JavaScript
代码，甚至定义样式的 css ，都可以放在一个 JavaScript 文件中，因为它们本来就是为
了实现 个目的而存在的，所以说 React 天生具有高内聚的特点。
低辑合指的是不同组件之间的依赖关系要尽量弱化，也就是每个组件要尽量独立
保持整个系统的低搞合度，需要对系统中的功能有充分的认识，然后根据功能点划分模
块，让不同的组件去实现不同的功能，这个功夫还在开发者身上，不过， React 组件的对
外接口非常规范，方便开发者设计低祸合的系统。