Mirochiu's coding note

這篇是受Tapas Adhikary所寫的 How to create a countdown timer using React Hooks 啟發 將它改成typescript和MUI的版本，並調整成自身使用的元件，並修改了 1. 使用  padStart()   處理時顯示分秒的雙位數字 2. 倒數30分鐘時會改變倒數時間成紅色 3. 避免顯示出NaN的狀況

 延續上一篇 Apps Script用Sheet生成動態網頁(16): 認識React ，我們接著要來認識React的hook機制。 我們在App.jsx中會看到useState()，這個由use開頭的函數，就是我們的hook，React在16.8.0版時加入Hook的支援。是為了functional元件所添加的功能，使得funcional元件不再只是寫寫固定內容的元件或是樣板，而是已具備一個完整的互動功能。