Hooks API 參考 – React

語法：

1

const [state, dispatch] = useReducer(reducer, initialArg, init);

useState的替代方案。接受一個 (state, action) => newState 的 reducer，然後回傳現在的 state 以及其配套的 dispatch 方法。（如果你熟悉 Redux，你已經知道這如何運作。 當你需要複雜的 state 邏輯而且包括多個子數值或下一個 state 依賴之前的 state，useReducer 會比 useState 更適用。而且 useReducer 可以讓你觸發深層更新的 component 作效能的最佳化，因為你可以傳遞 dispatch 而不是 callback。

• 複習 redux : [[程式導師實驗計畫_ week 13 作業實作記錄]]

• 影片 Learn useReducer In 20 Minutes - YouTube

實作的順序（自己想的）

dispatch 一個 cation 到 reducer 的流程圖： [[程式導師實驗計畫_ week 13 作業實作記錄#Redux]]

1. 先設計出 reducer。 reducer 根據 action.type 做事。switch case 的結構。
2. 實作出 reducer 當中有使用到的 function
3. 根據 reducer 寫出 ACTION ； (就只是 action 名稱而已)