React 教程及其API接口文档

React 详细中文开发文档，可以阅读：

中文论坛：

视频教程：

react 知识点 :

◆ HTML 相关：

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

◆ JSX 相关:

1. 注意：最简单开始学习 JSX 的方法就是使用浏览器端的JSXTransformer。我们强烈建议你不要在生产环境中使用它。你可以通过我们的命令行工具 包来预编译你的代码。

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); 启用触摸事件处理。