半熟前端

軟體工程師 / 台灣人 / 在前端的路上一邊探索其他領域的可能性

本部落格使用 Gatsby 製作

本部落格有使用 Google Analytic 及 Cookie

分類:react

react

useMemo 的幾個使用場景

useMemo 的幾個使用場景 在前端應用當中,很常會遇到一個情形是在畫面上顯示的值是透過其他的值複合計算而成;或是先經過計算再放入畫面當中。舉例來說: 時間:將秒轉換為 xx:xx 分秒的形式顯示 如果勾選篩選器選項,則資料會先經過處理再顯示 當作 computed prop 使用 我們可以這樣子寫: 這樣寫其實沒有太大問題,不過像這種「先經過某種計算再顯示」的場景,我喜歡用 useMemo…

繼續閱讀...#react
react

React 17 更新重點 - useEffect 的 clean up 函數時機改變

(本截圖取自 React 官方部落格) React 17 已經到了 RC 階段了,官方的部落格聲明這次的發布沒有重大更新或是任何新功能,不過在文章中還是可以找到一些有趣的東西,在這邊一併介紹給大家。 本篇文章不會一一解說每個更新,而是紀錄文章中比較值得關注的地方。 event delegation 的節點改變 在 React 當中,如果使用事件監聽器 <button onClick={}> 的話,React 會將全部的事件監聽器都放在 document 中而非節點本身,這種技巧稱為 Event…

繼續閱讀...#react