react native 學習筆記之hello world

準備知識：

首先需要了解一些基本的React的概念，比如JSX語法、組件、state狀態以及props屬性

其次你還需要了解ES2015 （也叫作ES6）——這是一套對JavaScript的語法改進的官方標準。但是這套標準

目前還沒有在所有的瀏覽器上完整實現，所以目前而言web開發中還很少使用。React Native內置了對ES2015

標準的支持，你可以放心使用而無需擔心兼容性問題。上面的示例代碼中的import、from、class、extends、以及() =>箭頭函數等新語法都是ES2015中的特性。

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

class HelloWorldApp extends Component {
  render() {
    return (
      <Text>Hello world!</Text>   //JSX語法，JSX即是一種在JavaScript中嵌入XML結構
    );
  }
}

// 注意，這裏用引號括起來的'HelloWorldApp'必須和你init創建的項目名一致
AppRegistry.registerComponent('HelloWorldApp', () => HelloWorldApp); //註冊了一個組件，並且爲整個應用的跟容器

參考網站：http://reactnative.cn/docs/0.31/tutorial.html#content