學習React Native 筆記（一）React基礎知識

React用於Web應用開發，React Native採用React方式進行移動應用開發

React Native擁有原生的Native的交互體驗

一、build包中三個文件分別的功能是：

react.js：React核心庫

react-dom.js：提供與DOM相關的功能

browser.min.js：將JSX語法轉換成JavaScript語法

二、JSX

1.在React中，使用JSX與JavaScript不兼容，所以在使用JSX的地方，要設置type="text/babel"

babel：轉換編譯器，使得ES6可以在瀏覽器中運行

<script type="text/babel">
    ……
</script>

2.JSX是一種語法糖

JSX藉助React運行

3.如何使用JSX

- 首字母大小寫（大寫：自定義組件，小寫：DOM的自帶元素）
- 嵌套
- 求值表達式可以用（大括號中不可以使用語句）
- 駝峯命名
- htmlFor和className(html屬性，class)
- 條件判斷的四種寫法
- 三元表達式（{this.props.name ? this.props.name : "World"}）
- 使用變量（使用函數給變量賦值）
- 直接在大括號中調用函數（函數調用本來就是一種表達式）
- 比較運算符（{this.props.name || "World"}）
- 萬能的函數表達式

二、render

ReactDOM.render()：將模板轉換成HTML語言，渲染DOM，並插入指定的DOM節點中

3個參數：

• 模板的渲染內容
• 要插入的DOM節點
• 渲染後的回調，一般不用