ReactNative 生命週期

b10l07發表於2016-11-30

1.建立階段

getDefaultProps:處理props的預設值 在React.createClass呼叫

2.例項化階段

React.render(<HelloMessage 啟動之後getInitialState、componentWillMount、render、

componentDidMountstate:元件的屬性,主要是用來儲存元件自身需要的資料,每次資料的更新都是通過修改state屬性的值,ReactJS內部會監聽state屬性的變化,一旦發生變化的話,就會主動觸發元件的render方法來更新虛擬DOM結構虛擬

DOM:將真實的DOM結構對映成一個JSON資料結構

3.更新階段

主要發生在使用者操作之後或父元件有更新的時候,此時會根據使用者的操作行為進行相應的頁面結構的調整componentWillReceiveProps、shouldComponentUpdate、componentWillUpdate、render、componentDidUpdate

4.銷燬階段

銷燬時被呼叫,通常做一些取消事件繫結、移除虛擬DOM中對應的元件資料結構、銷燬一些無效的定時器等工作componentWillUnmount

相關文章