class和for都是js关键字，因此JSX需要改变名称 => className htmlFor
在无状态组件中可以通过给函数传递props参数，来获取外界传值
三点运算符实现简化传值：
组件抽离成jsx文件
Hello.jsx
引用组件：
Comclass.jsx
用class创建的组件继承了React.Component
内部自定了this.state属性来保存状态，this.data来保存数据
同时组件有生命周期函数，并且通过this.props属性来
获取外界的传值，这是与无状态组件最大的区别
引用组件：
ComListItem.jsx ==> 子组件
ComListClass.jsx
引用列表组件
原文：https://www.cnblogs.com/chujunqiao/p/11747240.html