初識 redux

劍塵發表於2019-08-30
  • 單向資料流: 從父元件流向子元件,兄弟元件無法共享資料
  • State: React 中的狀態,是隻讀物件,不可直接修改
  • Reducer: 基本函式,用於對 State 業務的處理
  • Action: 普通物件,用於描述事物的行為,改變 State.

初識 redux

  • yarn add redux --save
  • yarn add react-redux --save
  • 建立 Action 模組
  • 建立 Reducer 模組
  • 建立 Store 模組
  • 通過 connect 方法將 React 元件和 Redux 連線起來
  • 新增 Provider 作為專案的根元件, 用於資料的儲存