1创建constants.js对使用到的变量进行封装,减少因为字母写错而导致的bug
export const INCREMENT = "increment";
export const DECREMENT = "decrement";
- 以后要用到"increment"或者"decrement"的地方,就可以直接引入constants.js文件,使用里面的INCREMENT和DECREMENT进行代替了。
- 好处:当需要换名字的时候,就不需要一个一个文件的去改,只需要该这个constants.js文件就可以了。
2 创建action.js对action对象进行封装,action.js也就是redux的第三个员工:Action Creators(黄色的那个)
- 创建的action.js文件代码
import {
INCREMENT, DECREMENT } from "../constant";
import store from "./store";
export const createIncrementAction