React-Native 学习笔记1

来源：互联网发布：华为交换机允许mac表编辑：程序博客网时间：2024/06/06 01:45

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)/

阅读全文

0 0