002_ReactNative第一炮:HelloWorld

(問渠那得清如許,為有源頭活水來。 雙手奉上RN官網)

在index.ios.js中寫入

//引入相關組件
import React, { Component } from 'react';
import { AppRegistry, Text } from 'react-native';

// 創建組件
class HelloWorldApp extends Component {
  render() { //render返回一段用于渲染的JSX代碼
    return (
      // 一段文本
      <Text>Hello world!</Text>
    );
  }
}

// 注冊入口組件
AppRegistry.registerComponent('learnRN'/*這里必須項目名*/, () => HelloWorldApp/*入口組件名*/);

你需要理解一些基礎的React概念.

  • JSX (JSX 是一種嵌入 XML 的js寫法,全稱是 JavaScript XML )
  • components (組件)
  • state (設置在不同狀態下的顯示)
  • props (創建組件時使用的參數,目測是property屬性的縮寫)
  • 如果感覺困惑,建議先學習React
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 原教程內容詳見精益 React 學習指南,這只是我在學習過程中的一些閱讀筆記,個人覺得該教程講解深入淺出,比目前大...
    leonaxiong閱讀 2,860評論 1 18
  • 自己最近的項目是基于react的,于是讀了一遍react的文檔,做了一些記錄(除了REFERENCE部分還沒開始讀...
    潘逸飛閱讀 3,485評論 1 10
  • React Native學習<一> 認識Recat Native 博客原文:http://www.jianshu....
    AFinalStone閱讀 2,716評論 0 12
  • 今天拖著大包小包,迎走在夕陽的目光下,開始了來北京的第二次搬家。 大概就是從出門到上地鐵前那段路,有河流,有車道,...
    藍色G調閱讀 186評論 0 0
  • 今天是母親節,很多人都寫了關于母親的文章,還有人寫懷念已經不在世的母親,我不太理解她們與母親的感情怎么那么濃厚;前...
    天外來客人閱讀 148評論 0 0