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