store.js
count_reducer.js
- store.js
-
引入redux中的createStore函数,创建一个store
-
createStore调用时要传入一个为其服务的reducer
-
记得暴露store对象
// 引入createStore,创建redux中最为核心的store对象
import {createStore} from ‘redux’
// 引入为count组件服务的reducer
import countReducer from ‘./count_reducer’
// 暴露store
export default createStore(countReducer)
- count_reducer.js
-
reducer的本质是一个函数,接收:preState,action,返回加工后的状态
-
reducer有两个作用:初始化状态,加工状态
-
reducer被第一次调用时候,是store自动触发的,传递preState是undefined
export default function countReducer(preState=initState,action){
// if(preState===undefined) preState = 0方法1
//从action对象获取type,data
const {type,data} = action
switch (type) {