第一次react-native项目实践要点总结

今天完成了我的第一个react-native项目的封包，当然其间各种环境各种坑，同时，成就感也是满满的。这里总结一下使用react-native的一些入门级重要点（不涉及环境）。注意：阅读需要语法基础： ES6 、react 、JSX

我对react-native的理解简而言之就是 ：react的语法 ＋ native的组件

组件的创建声明

class HelloWorldApp extends Component {
  constructor(props) { super(props); this.state = {
  
    };
  }
  render() { return (
      <Text>Hello world!</Text>
    );
  }
}

上面代码定义了一个“类”，可以看到里面有一个constructor方法，这就是构造方法，而this关键字则代表实例对象。当你在其他的组件中调用这个组件时，就会实例化这个“类”（即组件）。

注意：组件名需要大写

组件的导出、引用与注册

在ES6中，新增了import和export俩个关键字来导入导出模块。react－native的组件也是采用的这俩个关键字。

俩种方式：

第一种：

导出：
export default class HelloWorldApp extends Component{
    render() { 
        		
延伸阅读
        		

        			
        			
ssh框架
        			2016-09-30
        			
        			
        			
        			
阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁
        			2017-07-26
        			
        			
        			
        			
消息队列NetMQ 原理分析4-Socket、Session、Option和Pipe
        			2024-03-26
        			
        			
        			
        			
Selective Search for Object Recognition 论文笔记【图片目标分割】
        			2017-07-26
        			
        			
        			
        			
词向量-LRWE模型-更好地识别反义词同义词
        			2017-07-26
        			
        			
        			
        			
从栈不平衡问题 理解 calling convention
        			2017-07-26
        			
        			
        			
        			
php imagemagick 处理 图片剪切、压缩、合并、插入文本、背景色透明
        			2017-07-26
        			
        			
        			
        			
Swift实现JSON转Model - HandyJSON使用讲解
        			2017-07-26
        			
        			
        			
        			
阿里移动安全 Android端恶意锁屏勒索应用分析
        			2017-07-26
        			
        			
        			
        			
集合结合数据结构来看看(二)
        			2017-07-26
        			
        			
        			
        		
        		
        		学习是年轻人改变自己的最好方式