Считается ли хорошей практикой передавать callBacks для уменьшения асинхронного действия?

Я хочу показать разные панели уведомлений об ошибках успеха/ошибок, Я передаю два callBacks для асинхронного действия reducex в моем реагирующем компоненте следующим образом:

<Button
  onClick={e => this.props.actions.asyncAction(item, this.showSuccessBar, this.showErrorBar)}
/>

где asyncAction выглядит следующим образом:

export function asyncAction(item, successCallback, errorCallback) {
  return (dispatch, getState) => {
    dispatch(requestItem(item));
    return fetch("api.some_url/items/item")
      .then(response => response.json())
      .then(json => {
        if (json.success) {
          dispatch(receivePostsSuccess(reddit, json));
          successCallback();
        } else {
          dispatch(receivePostsFail(reddit, json));
          errorCallback();
        }
      });
    }
  };
}

Рассматривается ли это против шаблона? другими словами, должны ли информационные панели открываться в соответствии с изменением состояния вместо callBacks?

Ответы

this.props.dispatch(asyncAction(item)).then(onSuccess, onFailure);