成长(1/2000)

第一天，看了阮一峰的react入门实例教程，虽然已经对react已经很熟练，但是在整理层面很欠缺，峰大哥的文章讲的很言简意赅，感受到了他厉害的功底。我只能简单消化整理了

一、JSX语法
首先react引入了jsx语法，这种语法需要babel编译成js后才能被浏览器解析

二、render函数
用于将模板转为html语言，并插入函数

三、组件
类似一段html模板，在需要的地方插入类似于实例化这个组件使用

四、this.props.children
this.props.children.map():当子元素多余1个是正确的，但当只有1个子元素是children为object,如果没有子元素为undefined,map报错；

注：react提供了工具方法React.Children避免了报错

五、propType
类型定义，便于控制想要的是什么类型的数据

六、ref
获取真实的dom节点

七、this.props和this.state
this.props一旦定义就不变了，不适合用户的交互，可以使用this.state

八、组件的生命周期

三种：
1.Mounting:已经插入真实DOM
2.Updating:正在被重新渲染
3.Unmounting:已移除真实DOM

方法函数5种
1.componentWillMount()
2.componentDidMount()
3.componentWillUpdate(object nextProps,object nextState)
4.componentDidUpdate(object prevProps,object prevState)
5.componentWillUnmount()

特殊处理函数2个
1.componetWillReceiveProps(object nextProps):已经加载组件获取新的参数时调用
2.shouldComponentUpdate(object nextProps, object nextState):组件判断是否重新渲染时调用

九：this.setState 同步异步
this.setState({},func):func是设置成功后的回调函数

参考：
1.React 入门实例教程

-----很简陋的完成了，千里之行始于足下，撒花✿✿ヽ(°▽°)ノ✿