React 组件就是一个状态机，它接受两个输入参数： this.props 和 this.state，返回一个虚拟DOM。
React组件的生命周期分几个阶段，每个阶段会有若干个回调函数可以响应不同的时刻。
组件生命周期
一 创建类
React组件是有类 和 实例的区别的，通过 React.createClass 创建的是类，比如：
二实例化
类创建完成之后，就可以进行实例化。
实例化一个类，由如下过程组成：
其中有几个点需要注意：
1，this.state 只存储原始数据，不要存储计算后的数据
比如this.state.time =1433245642536，那么就不要再存一个 this.state.timeString = ‘2015-06-02 19:47:22’ 因为这个是由time 计算出来的，其实他不是一种state，他只是 this.state.time 的一种展示方式而已。
这个应该放在render中计算出来：
<span>time: {this.formatTime(this.state.time)}</span>
2，componentWillMount 用来处理render之前的逻辑，不要在render中处理业务逻辑。
render就是一个模板的作用，他只处理和展示相关的逻辑，比如格式化时间这样的，如果有业务逻辑，那么要放在 componentWillMount 中执行。
所以render中一定不会出现改变 state 之类的操作。
3，render返回的是虚拟DOM
所谓虚拟DOM，其实就是 React.DOM.div 之类的实例，他就是一个JS对象。render方法完成之后，真实的DOM并不存在。
4，componentDidMount 中处理和真实DOM相关的逻辑
三 更新
当组件实例化完成，就进入了存在期，这时候一般会响应用户操作和父组件的更新来更新视图。
四 销毁
componentWillUnmount
举例说明组件的生命周期
下面用一个例子来掩饰组件的生命周期
copy
- varNotesList=React.createClass({
- getDefaultProps:function(){
- console.log("getDefaultProps");
- return{};
- },
- getInitialState:function(){
- console.log("geyInitialState");
- return{};
- },
- componentWillMount: console.log("componentWillMount");
- render: console.log("render");
- return(
- <div>hello<strong>{this.props.name}</strong></div>
- );
- componentDidMount: console.log("componentDidMount");
- componentWillRecieveProps: console.log("componentWillRecieveProps");
- componentWillUpdate: console.log("componentWillUpdate");
- componentDidUpdate: console.log("componentDidUpdate");
- });
- varlist1=React.render(
- <NotesListname='aaa'></NotesList>,
- document.getElementById("div1")
- varlist2=React.render(
- <NotesListname='bbb'></NotesList>,
- document.getElementById("div2")
- );
