iT邦幫忙

2022 iThome 鐵人賽

DAY 11
0
影片教學

150 分鐘學 React系列 第 26

第 25 天 [ useMemo ]

  • 分享至 

  • xImage
  •  

今天的重點摘錄

  1. useMemo 可監聽值,當值改變才執行某些行為
  2. 基本寫法介紹
  3. Functional Component 重渲染時會從頭跑一遍,生成新物件,因為 JS 的 Referential Equality 特性,導致每次物件都不會相等。使用 useEffect 的話會因判斷成不一樣的東西(其實一樣),多跑好幾次不需要的行為
  4. 注意:
    • useMemo 代表的是將東西用 cache 存起來
    • 因為 cache 並不是非常穩定,所以不該把它用在絕不能重跑程式的場合
  5. 和 useEffect 的差異:
    • 觸發時間: useEffect 只會在第一次渲染後被呼叫, useMemo 則會在渲染中、元件 return state 前就觸發
    • 使用場合: 如果是要跟 State 值有關的、或是操控 DOM,應使用 useEffect ; 如果是優化速度,則應使用 useMemo

Github day25

Yes

================================================================

存稿耗盡但手上事情實在太多,加上先前不小心斷賽,想說我就先以其他更急的事為重。請大家等等我,我一兩週內會把剩下內容補完,絕對不會富奸。


上一篇
第 24 天 [ Material UI: Theming ( Spacing 、 FontSize 、 Platte ) ]
下一篇
第 26 天 [ useRef ]
系列文
150 分鐘學 React31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言