鐵人檔案
在 HTML 中，表單的 element 像是 、 和 通常會維持它們自身的 state，並根據使用者的輸入來更新 state。 因為 element 中...
之前在 State 和生命週期 在每一個元件裡面都會有自己的 state，但如果遇到彼此需要共用的 state 就會把資料放在父層，並從父層傳遞 props 資...
React 具有強大的 composition 模型，我們建議你在 component 之間使用 composition 來複用你的程式碼，而不是使用繼承。...
在截稿為止， React 最新的版本是 v17.0.2 ，而從 React 16.8.0 是第一個支援 Hook 的版本 對一個初學 React 的自己來說...
如果想快速使用 Hook ，其實就參考 Hook 概觀分的五個面向，包含一定會用也最常用的 State Hook、Effect Hook，以下羅列： Stat...
使用 State Hook 的步驟 其實在前面文章寫過幾次 Hook ，其實動作也就三個。 宣告一個 State 變數 讀取 State 更新 State...
上一篇介紹過 State Hook 用來儲存狀態，Effect Hook 則用來處理 function component 中的副作用，像是資料 fetch、或...
使用 Hook 官方設定需要遵守的兩個規則，並提供了一個 linter plugin 來自動化地實行這些規則。以下實際使用 create-react-app 創...
在 Hook 概觀 的文章中，曾經寫過一個打造 Hook 的例子。複習一下，發現應該要修改命名為 useTimeout 來符合自動 Hook 判別。 // my...
「render prop」這個詞指的是一種用一個其值為函式的 prop 來在 React component 之間共享程式碼的技巧。 render prop...
