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}"/>;
    }
}