React 精华一页纸

同 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 的原生事件，没有封装