6个钩子，2个状态，一个套路学习React.js

React.js开发的几个学习重点， 6个钩子(和ios的生命周期基本一样)，2个状态，一个套路学习React.js，一起来看看吧.

常用的6个钩子看生命周期

React 为组件的不同生命阶段，提供了近十个钩子方法。

componentWillMount()：组件加载前调用

componentDidMount()：组件加载后调用

componentWillUpdate(): 组件更新前调用

componentDidUpdate(): 组件更新后调用

componentWillUnmount()：组件卸载前调用

componentWillReceiveProps()：组件接受新的参数时调用

注意：Ajax 请求一般在componentDidMount方法里面发出。

常用的两个状态，初始化和传参：

两个状态：组件可以从外部传入参数，内部使用this.props获取参数

组件往往会有内部状态，使用this.state表示。

钩子方法：getDefaultProps（和ios中ViewDidLoad一样，可以在这初始化状态）

常用的一个套路创建虚拟DOM节点：

ReactDOM虚拟DOM的套路，虽有的组件都可以用ReactDOM虚拟一个DOM节点，在html中可以直接在Div中获取此节点直接渲染。

构建虚拟DOM（此时Login是组件的类名，login就只虚拟的节点名） 在html中可以直接加载渲染虚拟DOM