[Redux教學] 3. action & reducer

Redux 的 action 其實就是一個 object 並且有一個屬性叫做 type,我們想要產生一個action 可以像下面的範例一樣製作一個 function 並且把想要動作的 TYPE 包在物件內傳出。

function clickAction () {
return {
type: 'CLICK_EVENT'
};
}

而 reducer 則是一個 function 裡面有 switch 可以協助我們將接收到的 action 處理,reducer 一定要有東西傳出,所以我們做了個 default 的 initialState ,在參數傳入的時候檢查有沒有 state 傳入,接著去把 initialState 給 state。

let initialState = {
clickCount: 0
};
function reducer1 (state = initialState, action) {
switch (action.type) {
case 'CLICK_EVENT':
state.clickCount += 1;
return { ...state };
default:
return state;
}
}
Like what you read? Give 陳旭清(Hyman) a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.