首页 > 解决方案 > 了解 Redux 功能

问题描述

嗨,我开始在新公司担任开发人员,想了解一段 redux 代码,我尝试搜索文档但无法理解这是如何工作的,如果有人能帮助我理解代码,那就太好了

export function updateData(Id, data) {
  return {
    types: [UPDATE_DATA, PUT_UPDATE_DATA_SUCCESS, PUT_UPDATE_DATA_FAIL],
    quoteId,
    promise: client => client.put(`${DYNAMIC_URL}`, {
      data,
      options: {
        absolute: true
      }
    })
  };
}

以上是一个动作创建者,据我所知,它通过调用 api 返回一些动作并分派给减速器,但我不明白的是,动作创建者中的多种类型是如何工作的,如果是这样的话,减速器是否会一个一个地减少那么最后一个操作 PUT_UPDATE_DATA_FAIL 不是最终结果吗?发布 sample reducer 以获得更多理解

 export default function defaultReducer(state = initialState, action = {}) {
    switch (action.type) {
       case UPDATE_DATA:
          return {
              ...state,
              status: STATUS.PENDING
          };
        case PUT_UPDATE_DATA_SUCCESS:
          return {
              ...state,
              status: STATUS.SUCCESS
           };
        case PUT_UPDATE_DATA_FAIL:
          return {
             ...state,
             status:STATUS.FAIL,
             error: action.error.error
        }
     }
}

标签: reduxreact-redux

解决方案


推荐阅读