React 教程及其API接口文档

React 详细中文开发文档，可以阅读：http://reactjs.cn/react/docs/tutorial.html

英文原文：http://facebook.github.io/react/

中文论坛：http://react-china.org/

视频教程：http://www.icoolxue.com/album/show/262



react 知识点 :

◆ HTML 相关：

1. 原生 HTML 元素名以小写字母开头，而自定义的 React 类名以大写字母开头。

◆ JSX 相关:

1. 注意：最简单开始学习 JSX 的方法就是使用浏览器端的

JSXTransformer

。我们强烈建议你不要在生产环境中使用它。你可以通过我们的命令行工具react-tools
包来预编译你的代码。

2. React 的 JSX 里约定分别使用首字母大、小写来区分本地组件的类和 HTML 标签。

（1）、要渲染 HTML 标签，只需在 JSX 里使用小写字母开头的标签名。

（2）、要渲染 React 组件，只需创建一个大写字母开头的本地变量。

◆组件相关：

1. 通过 JavaScript 对象传递一些方法到

React.createClass()

来创建一个新的 React 组件。其中最重要的方法是

render

，该方法返回一颗 React 组件树，这棵树最终将会渲染成 HTML 。

2.

ReactDOM.render()

实例化根组件，启动框架，把标记注入到第二个参数指定的原生的 DOM 元素中。

◆数据模型相关:

1.

props

是不可变的(只读)，可以通过

this.props

访问到。通过

this.props

来访问传入组件的数据，键名就是对应的命名属性，也可以通过

this.props.children

访问组件内嵌的任何元素。

2.

state 是可变的,可以通过his.state

是组件私有的，可以通过调用

this.setState()

来改变它。

3.

getInitialState()

在组件的生命周期中仅执行一次，用于设置组件的初始化 state 。

4.

componentDidMount

是一个组件渲染的时候被 React 自动调用的方法。

5. 一个限制: React 组件只能渲染单个根节点。如果你想要返回多个节点，它们必须被包含在同一个节点里。

◆事件相关:

1. React 使用驼峰命名规范的方式给组件绑定事件处理器。

2. 利用

ref

属性给子组件命名，通过

this.refs

引用 DOM 节点。

3. 用回调函数作为属性（ props ）。

◆移动平台相关:

1. 如果需要在手机或平板等触摸设备上使用 React，需要调用

React.initializeTouchEvents(true);

启用触摸事件处理。