3.1　理解组件化思想

React中的组件化思想，可以理解为把具有独立功能的UI部分进行了封装。

对MVC开发模式熟悉的读者应该知道，MVC模式是将模型、视图、控制器进行分离，从而实现表现层、数据层及控制层的独立。其中，以往的开发者对表现层进行松耦合优化时，基本是从技术的角度对UI进行分离的。而React提供了一个新的思路，从功能的角度将UI封装成不同组件，整个页面的组成都是通过小组件构建成大组件的方式来实现。这样组件化思想就体现出一些独特的优点：

·可组合性：定义了一个UI组件后，可以和其他组件进行并列或者嵌套使用，多个小组件还可以构建一个复杂组件，一个复杂的组件也可以分解成多个功能简单的小组件。

·可重用性：定义后的组件功能是相对独立的，在不同的UI场景中，可以重复使用。

·可维护性：每个组件的实现逻辑都仅限于自身，不涉及其他组件，这样的可维护性较高。