React组件设计：智能组件与简易组件.pdfVIP

table{border-collapse:collapse;}table,th,td{border:1pxsolid#000;}

组件设计模式（1）：聪明组件和傻瓜组件

从这一节开始，我们来介绍React中的模式。

在React应用中，最简单也是最常用的一种组件模式，就是“响应组件和傻瓜组件”。

其实，这个模式的名称很多，就我所知，除了“鸭绿组件和傻瓜组件”，还有这些称呼：

1.容器组件和展示组件（ContainerandPresentationalComponents）；

3.有状态组件和无状态组件。

名字只是一个代号，关键是看着本质。这种模式的本质，就是把一个功能分配到两个组件

中，形成父子关系，完整的代码骨架和模型状态，里面的子程序只显示颜色。

在中，信达（以下简称“信达”）对所载资料

为什么要分割聪明组件和傻瓜组件

软件设计中有一个原则，DID“责任分离”（SeparationofResponsibility），就是说就是让一

个模块的责任尽量少，如果发现一个模块功能过多，就应该首先分为多个模块，让一个模

块都专注于一个功能