【React】React组件(函数式组件、类组件)

React组件介绍

• React组件可以将UI切分成一些独立的、可复用的部件， 这样有助于设计人员专注于构建每一个单独的部件。
• React组件通过Props可以接收任意的输入值
• React语法是基于版本ECMAScript6实现的。因此，React组件除了通过JavaScript函数形式实现，还可以通过ES6 Class(类)的形式来实现。

组件就是页面上的一部分，大大小小的各种组件拼在一起就变成了一个完整的页面，就像我们玩的拼图，需要一块一块的拼接在一起才能变成一副完整的拼图。
组件的拆分可以根据自己开发的页面决定。一个完整的页面非常复杂，很难编写。但是，当我把页面分成一个个小组件进行开发之后，再进行开发和维护这些组件就会比较简单了。

无状态函数式组件

官方指出：
在大部分React代码中，大多数组件被写成无状态的组件，通过简单组合可以构建成其他的组件等；这种通过多个简单然后合并成一个大应用的设计模式被提倡。

• 创建无状态函数式组件形式是从React 0.14版本开始出现的。
• 它是为了创建纯展示组件，这种组件只负责根据传入的props来展示，不涉及到要state状态的操作。

<div id="div-react"></div>
<script type