菜鸟学习篇--之React框架的学习以及使用

一.注意事项：

react中的组件没有全局组件，没有局部组件，局部组件在哪个地方需要用到就在哪个地方引入。
使用规则:组件的首字母必须大写。组件可以写成单标签组件也可以写成双标签组件。

二.传值方式：

组件间的传值方式：
001-父组件传值给子组件：
属性传值：父组件传值给子组件时自定义属性：
<Sondata = {this.state.val}/>
子组件使用父组件传递的值：
this.prop.data
属性校验：使用插件 porp-types

002-子组件传值给父组件：
事件传值：
1.父组件使用子组件的时候，回调掉函数作为属性传递给子组件。
<SonpassMsg={this.handleMsg.bind(this)}/>
2.当子组件需要传值给父组件时，调用外部属性上的方法，就触发了父组件的方法，实现传值 this.props.passMsg(这是子组件的value值)；
3.非父子组件传值：使用观察者模式；

三.生命周期：

组件的生命周期方法/钩子函数
组件创建的过程：
01–constructor() 创建组件：读取内部属性和方法；
02–componentWillMount() 组件将要渲染：render() 渲染函数，通过这个函数，得到组件的dom结构；
03–componentDidMount() 渲染完成；

组件更新的过程：(sate,props发生变化都会执行更新)
shouldComponentUpdate() 组件是否应该更新dom 需要return true(false);
如果return true:会执行以下的方法：
componentWillupdate()将要更新；render()正在渲染；componentDidUpdate()已经更新；

组件销毁：
componentWillUnmount()

组件方法：
setState({},()=>{}) 修改state
forceUpdate() 强制执行更新新的生命周期方法

组件内部属性：通过this访问：
props
state
组件的类属性通过类名访问
defaultProps