十七(3)、react 之 redux的action模块 ------ 2019-11-09

1、action模块的作用:

action的作用是给reducer一个标志,告诉reducer我这次的操作是想对state怎么样,是想获取state,
还是想修改state,通过dispatch不同的action给reducer,reducer根据不同的action来对state
做不同的处理;

2、action的定义:

(1)基础的action (定义一个对象)
export const increment = {
   type:actionType.CATT_AMOUNT_INCREMENT
}
//  这种action的局限在于无法传递参数

(2)函数形式的action
const fetchBlogListFailed = () => {
    return {
        type:actionTypes.START_BLOG_LIST_FAILED
    }
}

(3)在函数形式的action基础上传递参数
const fetchBlogListSuccess = (payload) => {
    return {
        type:actionTypes.START_BLOG_LIST_SUCCESS,
        payload
    }
}
// 一般我们将action中传递的参数称为 payload

// 这里的actionTypes是我们定义的常量,避免判断时出错

你可能感兴趣的:(十七(3)、react 之 redux的action模块 ------ 2019-11-09)