阅读 76

什么是 react

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 () {} 组件被去除时候执行。