1. 程式人生 > >React 組件生命周期

React 組件生命周期

生命 狀態 參數 加載 pre 生命周期 必須 initials 卸載

1. 實例化期(Mounting)

  主要包括屬性(this.props.)和狀態(getInitialState)的初始化階段、

  組件即將加載(componentWillMount)階段、

  組件渲染(render)階段、

  組件加載完成(componentDidMount)階段,

  除了render可在存在期的時候再次進行組件渲染之外,其他階段只會發生一次

2. 存在期間(Updating)
  組件實例化之後,在組件存在的時期,隨著與用戶的交互,屬性或狀態的改變,組件可發生一些更新
  componentWillReceiveProps(nextProps)
  組件接收到屬性(通常是父級傳來的),帶一個參數,即為該屬性對象
  shouldComponentUpdate(nextProps, nextState)
  組件是否應該更新,true|false,默認返回true,帶兩個參數,將要更新的屬性對象和狀態對象
  需要註意的是,如果自定義了這個方法,就會直接覆蓋默認的方法(若定義之後不返回則表示返回了false)
  componentWillUpdate(nextProps, nextState)
  組件將更新,帶兩個參數,將要更新的屬性對象和狀態對象
  render
  再次進入渲染階段
  componentDidUpdate(prevProps, prevState)
  組件更新完成,帶兩個參數,之前(已經)更新的屬性對象和狀態對象
3. 銷毀期(Unmounting)


  componentWillUnmount
  銷毀期發生在組件被移除的時候,用於如果卸載組件後需要做一些特殊操作時,一般很少用


getInitialState組件狀態
  這個函數在組件初始化的時候執行,
  getInitialState函數必須有返回值,可以是NULL或者一個對象。
  通過this.state.屬性名來訪問屬性值

React 組件生命周期