react-入门之组件

什么是组件

组件使你可以将 UI 划分为一个一个独立，可复用的小部件，并可以对每个部件进行单独的设计。

从定义上来说， 组件就像JavaScript的函数。封装内容, 达到重用的目的.

组件可以接收任意输入(称为”props”)， 并返回 React 元素，用以描述屏幕显示内容

为什么使用组件

1.封装

将页面上的可以重用的部分进行封装

2.重用

封装好的组件在使用时候,直接使用标签名称进行调用

注意事项

1. 组件的名称 首字母必须大写

2. 一个组件只能有一个根元素

react的组件创建方法有三种

1.通过function函数的方式来创建组件

2.通过es5类方法创建组件

3.通过es6的类继承

组件的嵌套