React组件介绍
- React组件可以将UI切分成一些独立的、可复用的部件, 这样有助于设计人员专注于构建每一个单独的部件。
- React组件通过Props可以接收任意的输入值
- React语法是基于版本ECMAScript6实现的。因此,React组件除了通过JavaScript函数形式实现,还可以通过ES6 Class(类)的形式来实现。
组件就是页面上的一部分,大大小小的各种组件拼在一起就变成了一个完整的页面,就像我们玩的拼图,需要一块一块的拼接在一起才能变成一副完整的拼图。
组件的拆分可以根据自己开发的页面决定。一个完整的页面非常复杂,很难编写。但是,当我把页面分成一个个小组件进行开发之后,再进行开发和维护这些组件就会比较简单了。
无状态函数式组件
官方指出:
在大部分React代码中,大多数组件被写成无状态的组件,通过简单组合可以构建成其他的组件等;这种通过多个简单然后合并成一个大应用的设计模式被提倡。
- 创建无状态函数式组件形式是从React 0.14版本开始出现的。
- 它是为了创建纯展示组件,这种组件只负责根据传入的props来展示,不涉及到要state状态的操作。
<div id="div-react"></div>
<