\u8fd9\u662f\u4e00\u4e2a\u6700\u7b80\u5355\u6700\u7b80\u5355\u7684Redux\u4f8b\u5b50:<\/p>\n
\u5305\u62ec Store, Reducer, Action.<\/p>\n
<\/p>\n
import style from \".\/style.css\";\r\nimport { createStore } from \"redux\";\r\n\r\nconst initialState = {\r\n\tname: 'Colin',\r\n\tage : 17\r\n};\r\n\r\nconst rootReducer = (state = initialState, action) => {\r\n\tif(action.type == \"add\"){\r\n\t\tstate = {...state, age:state.age+action.payload }\r\n\t}\r\n\tif(action.type == \"minus\"){\r\n\t\tstate = {...state, age:state.age-action.payload }\r\n\t}\r\n\treturn state;\r\n}\r\n\r\nconst store = createStore(rootReducer);\r\n\r\nstore.subscribe(() => {\r\n\tconsole.log(store.getState());\r\n});\r\n\r\nconsole.log(store.getState());\r\n\r\nstore.dispatch({type:'add',payload:3});\r\nstore.dispatch({type:'add',payload:2});\r\nstore.dispatch({type:'add',payload:5});\r\nstore.dispatch({type:'minus',payload:4});\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"