ReactNative 生命週期
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
相關文章
- ReactNative入門教程-元件生命週期函式React元件函式
- ReactNative學習筆記五之生命週期React筆記
- 生命週期
- View生命週期與Activity生命週期的關係View
- PHP 生命週期PHP
- Flutter - 生命週期Flutter
- sessionStorag 生命週期Session
- Fragment生命週期Fragment
- Activity生命週期
- vue - 生命週期Vue
- React生命週期React
- ubuntu生命週期Ubuntu
- React 生命週期React
- vue生命週期Vue
- Salesforce 生命週期管理(一)應用生命週期淺談Salesforce
- Activity生命週期onDestroy
- Flutter -- Element生命週期Flutter
- Flutter 的生命週期Flutter
- SQL的生命週期SQL
- java servlet 生命週期JavaServlet
- React-生命週期React
- vue 生命週期梳理Vue
- Laravel的生命週期Laravel
- 理解VUE生命週期Vue
- React 元件生命週期React元件
- Laravel框架生命週期Laravel框架
- vue的生命週期Vue
- JSP生命週期JS
- React元件生命週期React元件
- vue 生命週期深入Vue
- Fragment的生命週期Fragment
- iOS App生命週期iOSAPP
- App的生命週期APP
- View的生命週期View
- spring生命週期Spring
- Servlet的生命週期Servlet
- IOC - bean 生命週期Bean
- bean的生命週期Bean