react 特点
- 声明式开发
- 可以其他框架并存
- 组件化
- 单向数据流
- 视图层框架
- 函数式编程(优:自动化测试)
虚拟 DOM
生命周期函数
组件 挂载时候执行 (组建第一次挂载执行)
- componentWillMount(){} 当组件即将被挂载到页面的时刻自动执行。
- render () 页面挂载。
- componentDidMount() {} 页面挂在之后执行。
组件更新时候执行
states 变化
- shouldComponentUpdate() { reture true} 组件被更新之前自动执行(返回boolean值)
- componentWillUpdate () {} 组件被更新之前执行,如果 shouldComponentUpdate返回false,则不执行。
- render ()
- componentDidUpdate () {} 组件被更新完成之后被执行。
props 变化
- componentWillReceiveProps () {} 子组件中使用
- shouldComponentUpdate(nextProps , nextState) { reture true} 组件被更新之前自动执行(返回boolean值)
- componentWillUpdate () {} 组件被更新之前执行,如果 shouldComponentUpdate返回false,则不执行。
- render ()
- componentDidUpdate () {} 组件被更新完成之后被执行。。组件从父组件接收参数,只要父组件接收参数,只要父组件的render函数被重新执行了,子组件的这个生命周期函数就会被执行。组建第一次存在于父组件中不会被执行。
去除
- componentWillUnmount () {} 组件被去除时候执行。