react组件创建方式

react组件创建方式总结有三种，React.createClass，无状态函数，ES6 classes，

1.React.createClass创建：

// #1 使用React.createClass创建组件
const TextInput = React.createClass({

    render(){
        return(<input type="text" name="{this.props.name}"/>);
      }
});

export default  TextInput;      

2.使用无状态函数创建

// #2 无状态函数改#1写
function TextInput(props) {
    return(<input type="text" name="{this.props.name}"/>);
}      

3.使用ES6 classes创建      

class Welcome extends React.Component{
    render(){
        return <input type="text" name="{this.props.name}"/>;
    }
}