首先下載react-redux外掛 yarn add react-redux 或 npm add react-redux 然後建立一個容器元件Container

connect(mapStateToProps, mapDispatchToProps)(CountUI)固定寫法

將容器元件掛載在App.js下

必須將store傳給容器元件

方法1：使用Provider元件 如下圖 （優先使用該方法）

方法2：在App.js引入容器元件直接傳store 如下圖（只存在單個容器元件情況下）

action中的相關方法 統一格式

export function addstatus(num, age) { return { type: "ADD_HOME", playload: { value: num, age }, }; } export function addstatus(num, age) { return { type: "ADD_NAME", name: "張三", }; } ..........

在src目錄下建立store資料夾 index.js的內容(照抄就行)

import { createStore } from 'redux' // 引入createStore方法

import reducer from './reducer' const store = createStore(reducer, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()) // 建立資料儲存倉庫 export default store