学习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节点
• 渲染后的回调，一般不用