2022 第30週 工作筆記:透過 custom hook 回傳動態內容

總結

在重構的過程中收到來自前輩的建議,在這篇筆記記錄一下兩種 react custom hook 的設計方向 需要 custom hook 完成的事情:根據條件回傳對應的元件,比如根據當下的路由替換網站 NavBar 的選單內容

原始碼:https://github.com/tzynwang/react-content-hooks 展示頁:https://tzynwang.github.io/react-content-hooks/

筆記

作法一:將邏輯全部納入 hook 中

作法二:透過參數控制 hook 回傳的內容

bonus track: MaterialUI styled component with TypeScript

記錄一下 styled component 型別的來源,以及在根據 MUI 元件建立 styled component 時,自定義的型別要如何傳入 styled 中

參考文件