React组件的划分

1. 组件化思想的应用：

1. 有了组件化的思想，我们在之后的开发中就要充分的利用它。
2. 尽可能的将页面拆分成一个个小的、可复用的组件。
3. 这样让我们的代码更加方便组织和管理，并且扩展性也更强。

2. React的组件相对于Vue更加的灵活和多样，按照不同的方式可以分成很多类组件：

1. 根据组件的定义方式，可以分为：函数组件(Functional Component )和类组件(Class Component)；
2. 根据组件内部是否有状态需要维护，可以分成：无状态组件(Stateless Component )和有状态组件(Stateful Component)；
3. 根据组件的不同职责，可以分成：展示型组件(Presentational Component)和容器型组件(Container Component)；

3.这些概念有很多重叠，但是他们最主要是关注数据逻辑和UI展示的分离：

1. 函数组件、无状态组件、展示型组件主要关注UI的展示；
2. 类组件、有状态组件、容器型组件主要关注数据逻辑；

image.png

image.png

如果返回的是数组的化，react会对数据进行遍历，渲染成真实dom，呈现在页面上。

image.png

image.png