（class、functional、受控组建、非受控组建）的区别

非受控组建 用默认值展示
受控组建 组件的状态变化受到state的控制
无状态组件 functional 若一个组件不含有状态和对状态的处理，则可以将render方法单独抽取出来，成为一个独立的组件函数 无状态组件转化为有状态组件，则通过高阶组件转化；方式就是高阶组件通过props传入state
高阶组件 一个包含了另一个React组件的React组件；本质上就是一个函数 (属性代理/反向代理)
function HOC(Com) {
// 其他处理
return class [Name] extends Component {
constructor(props) {
super(props);
}
render() {
return (

)
}
}
}
function Text(props) {
return (

{props.name}

)
}
const H = HOC(Text)
function HOC(B){
return class [A] extends B{
render(){
return super.render();
}
}