React----生命周期

78 阅读1分钟

生命周期钩子函数 只能通过class声明的组件才有生命周期

  • constructor 构造函数
  • componentWillMount 组件将要挂载
  • render 渲染函数
  • componentWillMount 组件将要挂载
  • componentWillReceiveProps 初始化组件不会执行 当父组件数据发生变化时 会触发该函数
  • shouldComponentUpdate props 或 state 改变是否更新视图 默认更新
  • componentWillUpdate 组件更新前调用
  • componentDidUpdate 组件更新后调用 首次渲染不会执行
  • componentWillUnmount 组件卸载及销毁之前直接调用
  1. 初始化 static defaultProps(静态属性方法) ---》constructor---》componentWillMount --->render ---->componentDidMount
  2. 数据变化 shouldComponentUpdate-->componentWillUpdate-->render-->子组件数据更新后开始执行顺序---》componentDidUpdate 子组件的数据更新是在组件的render之后开始执行