TypeScript 提供了有趣的 Conditional Types,能夠條件式的賦予 interface 欄位值的類型。本篇文章會從簡易的應用開始介紹,最終會實現以 interface…
Pure Component 是 React 中常見提升效能的方式,如果傳遞 props 給 Pure Component 時有用到 propA={{…props.A}} 或 onChange={(e) => {...}},那有用 Pure Component 跟沒用一樣,因為每次 render 都還是會產生新的物件或函數,所以…
propA={{…props.A}}
onChange={(e) => {...}}
會重複使用的元件,其中有些 props 在開發時期就能決定,且在執行時期也都不會變更。舉例:開發一個共用的 Form 元件給後台使用,Form 的標題會是固定的,或者要把 Form 的資料存到 localStorage 時用的 key 值也是固定且開發時期能決定。