react组件的创建

1、创建并导出组件(将组件分离为单独文件)
函数创建组件

import React from 'react
export default function Hello(){

}

或

function Hello(){

}
export default Hello

class创建组件

class Hello{
    //这是类的构造器，每个类中都有一个构造器，没手动创建构造器，就会有一个隐形的构造器，类似 constructor(){}
    constructor(name,age){
        this.name = name
        this.age = age
    }
}

2、
用class创建出来的组件，有自己的state和生命周期函数，称为有状态组件
用function创建出来的组件，没有自己的的state，称为无状态组件

*什么时候使用有状态组件，什么情况使用无状态组件
a、如果一个组件需要自己的私有数据，使用有状态组件
b、如果一个组件不需要自己的私有数据，使用无状态组件
c、React官方说，无状态组件，由于没有自己的state和生命周期函数，所以运行效率比有状态组件稍微高一些

有状态组件和无状态组件的本质区别：有无state 属性和有无生命周期函数