iT邦幫忙

2021 iThome 鐵人賽

DAY 12
0
Modern Web

React Native & Redux 初步探討系列 第 12

Day 12 Component Lifecycle -1

  • 分享至 

  • xImage
  •  

第十二天囉~

更新畫面 我們必須觸發 React 的更新流程,

這樣最新的資料才會顯示在畫面上,

而這樣的流程,就包含在了 Reactcomponent lifecycle

component lifecycle

每個 component 從初次載入到更新、被移除都會走過相對應的階段

而 React 針對每個階段都有釋放 lifecycle function

來提供我們開發時去針對每個不同階段做細微的操作,

分為三階段:

Mounting

元件建立的流程,還未再入到實體網頁時

Updating

元件畫面更新的流程,再觸發 re-render 會啟用

Unmounting

當component要被移除之時

在網路上有很貼心提供 lifecycle 圖

https://ithelp.ithome.com.tw/upload/images/20210927/20112878llsGDO0uGg.png


上一篇
Day 11 state & props -2
下一篇
Day 13 Component Lifecycle -2
系列文
React Native & Redux 初步探討33
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言