1.第一个组件
image.png
说明:组件名第一个字母要大写.
2.可以使用类的继承来优化上面的组件
image.png
3.组件间的参数传递:使用组件标签的name属性来传递,用组件函数里的props.name来接收.
image.png
注意，在添加组件的属性时， class 属性需要写成 className ，for 属性需要写成 htmlFor ，这是因为 class 和 for 是 JavaScript 的保留字。
4.复合组件
我们可以通过创建多个组件来合成一个组件，即把组件的不同功能点进行分离,如下所示:
image.png
补充几个小点:
1.组件标签可以是单标签,也可以是双标签;
2.组件名内不可以写样式,组件名内写样式无效.
image.png
