尚硅谷React097-102(Redux)

store.js

count_reducer.js

3. 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)

4. 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) {