同 angularJS、Vue一样,React 也是一种替换框架,采用JSX语法进行替换
react.min.js - React 的核心库
react-dom.min.js - 提供与 DOM 相关的功能
browser.min.js - 用于将 JSX 语法转为 JavaScript 语法
1、典型用法
入门例子
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('example')
);
过程:
I、使用框架 ReactDOM.render 方法操作dom
II、第一个参数时是 插入的 JSX 语法生成的元素 ;第二个参数是绑定 到的DOM的节点
如果要解析 JSX,则type 要设定为 <script type="text/babel">
JSX:类似 HTML + JS的语法,编译后进行了优化,效率更高
2、基础概念
I、表达式
ReactDOM.render(
<div>
<h1>{i == 1 ? 'True!' : 'False'}</h1>
</div>
,
document.getElementById('example')
);
和 angular和vue不同的是,没有采用双括号{
{}}, 而使用单括号 {} 取值和表达式运算
II、逻辑控制
因为是类HTML的语法,所以没有设计 一些 指令,都是 API操作;事件,也是使用的js 的原生事件,没有封装