react组件构建写法

1，react.createClass，兼容性最好。一直都是react官方唯一指定的组件写法。

const Button = React.createClass({
    getDefaultProps(){
        return {
            color:'blue'
        }
    }
    
    render(){
        const {color} = this.props;
        
        return (
            <button className = {`btn-${color}`}>我是按钮</button>
        )
    }
})

在组件被调用时，会被解析成React.createElement(Button）方法来创建button实例。

2，ES6类-最常用的写法

用类来实现，调用类实现的组件会创建实例对象。react所有组件都继承自顶类React.Component。他的定义很简介，只是初始化了React.Component方法，声明了props,context,refs等。并且在原型上定义了setState和forceUpdate方法。

3，无状态组件。

没有state，没有生命周期方法。在适合的情况下，我们都应该且必须使用无状态组件，无状态组件不会在调用时创建新实例。它创建时始终保持了一个实例。避免了不必要的内存分配。做到了内部优化。