redux 核心概念

2021-08-23 12:09:27 字數 666 閱讀 7511

強制使用action來改變state, 這樣可以清晰的知道應用當中發生什麼、因為什麼而改變。

function

demoaction()

};}store.dispatch(demoaction);

action就是乙個普通的js物件

reducer的作用相當於是action與state的聯結器;

function

demoreducer

(state, action)

else

}

reducer只是乙個接收state、action並返回新state的函式

state類似於普通物件:

state的特殊在於他沒有setter,你不能隨便修改他。想要更新state中的資料,需要發乙個action

上述描述包含了redux的三大基本原則:

1. 單一資料來源(整個應用的state被儲存在乙個object tree中, 這個obj tree只存在於唯一乙個store中)

2. state是唯讀的(唯一改變state的方法是通過觸發action)

3. 使用純函式來執行修改(為了描述action如何改變state tree, 需要編寫reduecers)

redux概念 基礎

demo 基於react 提取碼 b36i demo網盤位址 1 單一資料來源 2 state是唯讀的 3 使用純函式來執行修改 1 定義及注意點 2 寫法 新增新 todo 任務的 action 是這樣的 const add todo add todo 當應用規模越來越大時,建議使用單獨的模組或檔...

Redux中的重要概念

首先,先看看第一張圖,圖中展示了redux的單向資料流,以及action reducer和store這三個核心概念。下面就圍繞上圖,非別介紹action reducer和store這三個概念。action是乙個物件,用來代表所有會引起狀態 state 變化的行為 例如服務端的響應,頁面上的使用者操作...

Docker 核心概念

1.docker映象 docker映象 image 類似於虛擬機器映象,可以將它理解為乙個面向docker引擎的唯讀模板,包含了檔案系統。例如 乙個映象可以只包含乙個完整的ubuntu作業系統環境,可以把它稱為乙個ubuntu映象。映象也可以安裝了apache應用程式 或使用者需要的其他軟體 可以把...