09-创建React组件

2.2.3　创建React组件

正如已经知道的，除了管理DOM，只用React元素和 React.createElement 创建用户界面并无太大帮助。使用者仍可以将事件处理器作为属性传入来处理点击或输入变化，传入其他数据进行展示，甚至嵌套元素。但你仍会想念React所提供的持久状态、让人以可预见的方式处理组件的生命周期方法，以及组件能够提供的任何形式的逻辑分组。你肯定想找一种方法把React元素组织在一起。

我们可以用组件做到这些。组件有助于将功能、标记、样式和其他UI相关的资料打包和组织在一起。它们充当了UI组成部分的某种边界并且还能包含其他组件。组件可以是独立可复用的部分，能够让人独立地思考每个部分。

我们可以使用函数和JavaScript类创建两种基本类型的组件。我将在后续章节中探讨第一种类型——无状态函数组件。现在，我将讨论第二种类型：使用JavaScript类创建的有状态的React组件。从现在起，当我提及React组件时，我指的是由类或者函数创建的组件。