รายละเอียดสำหรับเรียนรู้ React ปี 2020-2023 โดยโค้ชพล ดูหลักสูตรได้ที่ https://www.nextflow.in.th/react-training
เปิดไฟล์ redux/reducer.md
```js import { ActionType } from “./actions”
const initialState = { // กำหนดชื่อข้อมูล all branches เป็น array allBranches: [] }
export default (state = initialState, { type, payload }) => { switch (type) {
case ActionType.GET_BRANCH_LOCATION_FINISH:
console.log('Branch location:',payload);
// เอาข้อมูลที่ได้จาก payload กำหนดให้กับค่า allBranches ใน State
// ...state คือการถ่ายข้อมูลจาก state ตัวเดิม ลง object ด้านล่าง
// object ตัวนี้จะถูกส่งให้กับ component ทุกตัวที่ต่อกับ redux
return { ...state, allBranches: payload }
case ActionType.SHOW_BRANCH_CHART: {
return { ...state, ...payload };
}
default:
return state
} }