react组件特点、创建及使用、this指向问题

react组件特点、创建及使用、this指向问题

1、什么是react组件

react组件：我们平时所看到的完整页面，实际上他是由很多组件组合而成，比如我们看到的搜索框、点击按钮、历史记录等都是一个个的组件，正是因为有了这些组件我们才能够有了如此丰富多彩的页面功能。

2、react组件的特点

1）可复用：可重复使用在页面中可能出现多次。

2）独立性：可保证每个组件之间不会相互影响。

3）可组合性：可以通过组合多个组件去完成不同的功能。

3、组件创建方式

组件的创建方式主要分为两种：

1）使用js函数或箭头函数创建组件：

函数组件又叫无状态组件：负责数据展示。

a）函数名必须以大写字母开头（主要是为了区分组件和普通元素）

​b）必须有返回值

渲染函数组件：用函数名作为组件标签名。（具体使用ReactDOM.render(<函数名 />，渲染位置)的方式渲染组件）。

其中渲染位置一般可通过document.获取。如：获取id标签，表示为document.ElementById("");

2）使用类方法创建组件（ES6的class创建的组件）：

类组件又叫有状态组件：负责更新UI，让数据动起来。

a）类名必须以大写字母开头

​b）类