有状态组件和无状态组件

所谓的有状态组件：指的是用类创建的组件。

所谓的无状态组件：指的是用函数创建的组件。

通过这个名称，可以发现函数组件与类组件的区别就是在状态上，那么状态指的就是数据。

所以说函数组件，没有自己的状态，它只负责数据的展示，也就是该组件时静态的，也就是说，如果数据没有任何的变化（不需要与用户进行交互），仅仅就是为了展示，那么使用函数组件就可以了。

而类组件是有自己的状态，它负责数据的更新变化，也就是负责更新页面，让页面‘动’起来。假如用户执行了某个操作，导致了数据发生了变化，那么这时就用类组件。

如下图所示：

所以说，如果你的页面只是展示内容，不需要与用户进行交互，那么使用函数组件就可以了，如果你的页面需要与用户进行交互，交互后状态发生变化，并且需要更新页面，那么这时使用类组件。

下面看一下怎样给类组件设置状态，并且完成状态的修改。

4.4 组件中的state和setState

这里主要讲解一下state的基本使用和怎样使用setState方法完成状态的修改。

下面先看一下关于state的基本使用方式

• 状态(state)即数据，是组件内部的私有数据，只能在组件内部使用

• state的值是对象，表示一个组件中可以有多个数据