鐵人檔案
Takeaway 不應同時為true的state不要同時宣告 比起用嵌套一層包一層，讓每個節點「扁平化」，定義各自的子節點會更好 用到Props時要把Stat...
Takeaway 當一個組件不再渲染，它的狀態也不會保留 相同位置的相同組件不再渲染，會被視為切換，保留狀態 相同位置的相同組件想重置狀態？在不同位置渲染或使...
Takeaway Reducer邏輯：讓「事件處理函數」派遣action給響應的「reducer函數」 如何使用useReducer：將setter的邏輯改成...
Takeaway Context可將Props直送到所要的組件 使用Context的三步驟：創建 → 使用 → 提供 譬如<LevelContext.P...
Takeaway useRef可以拿來傳參考，畢竟用了Reference嘛 不想觸發渲染時：使用ref。所以在渲染期間讀取ref是沒用的 如果直接更新useR...
Takeaway 讓組件和React之外的系統同步 一般來說，副作用得在事件處理函數裡發生。但要是沒有特定的觸發事件，就可以使用Effect包裹副作用 不要太...
Takeaway useEffect的前身是生命週期函數componentDidMount、 componentWillUnmount和componentDi...
Takeaway useEffect的”Effect”是副作用 使用useEffect呼叫api時，可以加上布林判斷let ignore = false結合i...
關鍵字 Components：一段可複用的程式碼，React的最小單位。名稱以大寫開頭 JSX：類似模板語言的JS語法擴充。會回傳JS物件React elem...
使用時機 useState：邏輯簡單時做狀態管理。搭配展開語法、filter、map可分別實作增刪改 useReducer：1. 邏輯複雜時做狀態管理（譬如增...
