在redux操作中调用回调(使用redux-promise作为中间件)

时间:2018-01-18 02:24:55

标签: javascript redux

我在我的动作函数中使用reduxredux-promise

export function createGroup(values, callback) {
  const request = axios.post(GROUP_ENDPOINT,
    {
      name: values.name,
      description: values.description
    },
    {
      headers: {
        'Authorization': localStorage.getItem('jwt_token'),
        'Content-Type': 'application/json'
      }
    }
  ).then((response) => callback(response)); // <--- HERE
  return {
    type: NEW_GROUP,
    payload: request
  }
}

reducer:

const INITIAL_STATE = {};

export default function(state=INITIAL_STATE, action) {
  switch(action.type) {
    case NEW_GROUP:
      return { ...state, [action.payload.data.id]: action.payload.data};
    default:
      return state;
  }
}

问题是如果我在action函数中调用回调函数,我会在reducer中收到undefined。

是否可以不使用redux-thunk但仍可解决此问题?是否可以连接两个处理程序,以便在数据返回时,两者都被调用?

0 个答案:

没有答案