React-Native 学习笔记1

1.如果要在页面使用其他位置定义的组件，需要将要使用的组件加上export default.
2.组件的三种定义方法：

import React, {Component} from 'react';
import {AppRegistry, View, Text} from 'react-native';

/**
 * 方式一：ES6
 * 推荐使用
 */
export default class HelloComponent extends Component {
    render() {
        return (<Text style={{width: 100, height: 40, backgroundColor: 'red'}}> hello.{this.props.name} </Text>
        );
    }
}
/**
 * 方式二：ES5
 */
var HelloComponent = React.createClass()({
    render() {
        return (<Text style={{width: 100, height: 40, backgroundColor: 'red'}}> hello </Text>
        );
    }
})
module.export = HelloComponent;
/**
 * 方式三：方法
 *无状态，不能使用this
 */
function HelloComponent(props) {
    return <Text style={{width: 100, height: 40, backgroundColor: 'red'}}> hello.{props.name} </Text>;
}

module.export = HelloComponent;

3.组件的生命周期：
http://www.devio.org/2016/08/10/React-Native%E4%B9%8BReact%E9%80%9F%E5%AD%A6%E6%95%99%E7%A8%8B-(%E4%B8%AD)/