今天來學一點 Redux
在前面的任務中,我們也有學習到使用 useState 與 useReducer 進行管理狀態,我們可能會遇到以下狀況
一個跨元件的狀態管理工具,可以想像他是一個集中儲存狀態的地方,當指定的項目資料有變化時就會觸發,指定的元件就可以得到所需要的資料
他有幾個概念
Store
:集中儲存應用程式的狀態Reducer
:基本上元件中不直接操作狀態,將透過 Reducer
進行資料的計算與更新並產生結果,Reducer
是一個函數Action
:當元件觸發了某些行為動作,需要由 reducer 執行的項目項目將會由 Redux 轉發給 reducer經過上面三項,最後會由指定元件收到通知,就可以更新 UI 畫面
理解 Redux 的運作模式,我們下個任務見!