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