React 組件生命周期
阿新 • • 發佈:2018-12-27
生命 狀態 參數 加載 pre 生命周期 必須 initials 卸載
componentWillUnmount
銷毀期發生在組件被移除的時候,用於如果卸載組件後需要做一些特殊操作時,一般很少用
getInitialState組件狀態
這個函數在組件初始化的時候執行,
getInitialState函數必須有返回值,可以是NULL或者一個對象。
通過this.state.屬性名來訪問屬性值
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 組件生命周期