React不使用JSX创建元素，以及传值
-
不使用JSX创建元素:React.createElement(DOM名称，节点属性，DOM中写入的内容)
const childa = React.createElement( 'h1', {className:"childa"}, 'hello' ) ReactDOM.render( childa, document.getElementById("app") ) -
显示子元素：在组件的调用处中间可以写入DOM节点的内容（和cue插槽的内容相同）React.Children.map(this.props.children，回调函数)
-
Props验证：组件名.propTypes = {React.PropTypes.string},类似于vue props验证,当传入的数据和类型不同时，在控制台会抛出警告，函数组件props验证和类组件相同，出于性能方面的考虑，propTypes仅在开发模式下进行检查,在上线时，类型肯定需要保持正确性，所以直接把校验模块删除
-
验证单个子元素：如果使用React.PropTypes.element.isRequired.传入的子元素（插槽）只能有一个（插槽的内容只能传入一个）
children:React.Proptypes.element.isRequired -
组件默认值：组件名.defaultProps ={key:val}
-
React创建组件组件的三种方式
class 组件名 extends React.Component{} 函数function 组件名(){} es5: let 变量名 = React.CreateClass({}) 和类方法基本一致 -
es5组件语法：
使用props默认值：getDefaultProps() {return{}}
使用state默认值：getInitialState(){return{}}
-
事件：采用小驼峰式，如onClick,onChange,需要传入表达式，<mark>注意this指向</mark>，推荐在constructor修改this指向，比较直观
调用方式:onClick= {this.add.bind(this)} onClick = {()=>this.add(20)} -
bind：bind方法用法和call，apply基本一致，bind（）会把原有的方法摧毁，返回一个改变过this指向的新方法
-
event：默认事件中有event事件对象，不用考虑兼容性，event事件对象和其他参数一起传入方法时，事件对象要放在形参末尾
-
声明周期：概念同vue,钩子函数首次渲染只处罚前两个
-
componentWillMount：在渲染真实DOM前调用
-
componentDitMount：在第一次渲染DOM后调用
-
componentWillReceiveProps：接收一个新的props值调用，只接受props，不接受state时可使用该钩子函数
-
shouldComponentUpdate：返回一个布尔值，在组件接收到新的props或者state时被调用，在某些情况下，只变动state中的数据而不让视图发生变更时，可以调用该钩子函数
-
componentWillUpdate：组件变更前（还没有渲染）调用
-
componentDidUpdate：组件变更后（渲染DOM）调用
-
componentWillUnmount：在组件从DOM中移除之前立刻被调用
-
