React用于Web应用开发,React Native采用React方式进行移动应用开发
一、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节点
- 渲染后的回调,一般不用