React笔记（随缘更新）

安装脚手架 创建项目

npm install -g create-react-app
create-react-app test

运行项目

cd test 
npm start

运行效果图

react生命周期

react组件的生命周期分为三个状态：
Mounting：已插入真实 DOM
Updating：正在被重新渲染
Unmounting：已移出真实 DOM

生命周期函数

constructor()

完成React数据的初始化 接受两个参数：props和context，函数内部使用这两个参数时，需使用super()传入这两个参数。
注意：使用了constructor()就必须写super(),否则会导致this指向错误。

componentWillMount()

组件将要挂载时触发 组件已经经历了constructor()初始化数据，但是还未渲染DOM

componentDidMount()

组件挂载完时触发 组件第一次渲染完成，此时dom节点已经生成，可以在这里调用ajax请求，返回数据setState后组件会重新渲染

shouldComponentUpdate()

是否要更新数据时触发 根据return的是true还是false决定是否触发

componentWillUpdate()

将要更新数据时触发

componentDidUpdate()

数据更新完成时触发

componentWillUnmount()

组件将要销毁时触发

componentWillReceiveProps()

父组件中改变了props传值时触发