ReactNative 开发之组件的创建方式

组件的创建方式分为三种：

1. 函数式
2. ES5
3. ES6

函数式：

function HelloWord(){
    return <Text style={{fontSize:26}}>Hello Word</Text>
}
module.exports = HelloWord；

ES5:

注意:React.createClass从0.48开始被删除,可以使用 create-react-class 包中的
createReactClass 方法替代

//ES5
var createReactClass = require('create-react-class')
var HelloWord = createReactClass({
    render: function() {
        return  <Text style={{fontSize:26}}>Hello Word</Text>
    }
});
module.exports = HelloWord;

ES6:

export default class HelloWord extends Component{
     render(){
     return  <Text style={{fontSize:26}}>Hello Word</Text>
     }
}

推荐大家使用ES6语法创建

练习项目