在对于的文件引入 store
import store from './store'
执行需要的操作 声明一个 action 声明一个type
type数量过多,可以用一个文件引入,再暴露出来 用大写的基本都是常量
将 action 作为一个参传入store, store.dispatch(action)
clickbtn() {
const action = {
type: ADD_ITEM,
index
}
store.dispatch(action)
在 reducer.js文件中 用if进行判断 再写业务代码, 最后return出来
if (action.type === ADD_ITEM) {
//Reducer里面只能接收state 不能改变state
let newState = JSON.parse(JSON.stringify(state))
return newState
}
箭头函数 ()=>({
}) 后面加这个括号是return一个对象 括号里面是要执行的代码块,否则会报错
注明:reducer 是一个纯函数。