Перехватить ошибки API

Я использую response-admin со стандартными параметрами crud, я хочу отреагировать на RA/CRUD_GET_LIST_FAILURE (и все остальные в будущем), чтобы выйти из системы, если ошибка 401 (например, когда истекло время ожидания токена)

Как мне это сделать? По индивидуальным запросам у меня есть свои собственные саги, которые обрабатывают это в части catch и правильно выполняют работу.

Если я попытаюсь перехватить RA/CRUD_GET_LIST_FAILURE вот так:

function * loadingErrorRA (action) {
  var e = action.payload;
  console.error('loadingError',action);
  if(action.error === "Unauthorized"){ 
  //I can't find a better way because I don't have access to the fetch response object in here
    yield put(userLogout());
    yield put(showNotification('Disconnected','warning'));
  } else {
    yield put(showNotification('Error '+action.error,'warning'));
  }
}

function * errorLoadingSaga() {
  yield takeLatest('RA/CRUD_GET_LIST_FAILURE', loadingErrorRA);
}

У меня пустой экран, и выскакивает ошибка:

ListController.js:417 Uncaught TypeError: Cannot read property 'list' of undefined
    at Function.mapStateToProps [as mapToProps] (ListController.js:417)
    at mapToPropsProxy (wrapMapToProps.js:43)
    at handleNewPropsAndNewState (selectorFactory.js:34)
    at handleSubsequentCalls (selectorFactory.js:67)
    at pureFinalPropsSelector (selectorFactory.js:74)
    at Object.runComponentSelector [as run] (connectAdvanced.js:26)
    at Connect.componentWillReceiveProps (connectAdvanced.js:150)
    at callComponentWillReceiveProps (react-dom.development.js:11527)
   ....
index.js:2178 The above error occurred in the <Connect(TranslatedComponent(undefined))> component:
    in Connect(TranslatedComponent(undefined)) (created by List)
    in List (created by WithStyles(List))
    in WithStyles(List) (at SalesByOrganismList.js:40)
    in div (at SalesByOrganismList.js:39)
    in SalesByOrganismList (created by WithPermissions)
    in WithPermissions (created by Connect(WithPermissions))
    in Connect(WithPermissions) (created by getContext(Connect(WithPermissions)))
    ...

And then saga catch it with :
index.js:2178 uncaught at loadingErrorRA TypeError: Cannot read property 'list' of undefined
    at Function.mapStateToProps [as mapToProps] 
    ...

Спасибо за помощь


person NeeL    schedule 27.06.2018    source источник


Ответы (1)


https://marmelab.com/react-admin/DataProviders.html#error-format

Когда серверная часть API возвращает ошибку, поставщик данных должен выдать объект Error. Этот объект должен содержать свойство статуса с кодом ответа HTTP (404, 500 и т. Д.). React-admin проверяет этот код ошибки и использует его для аутентификации (в случае ошибок 401 или 403). Кроме того, response-admin отображает сообщение об ошибке на экране во временном уведомлении.

И https://marmelab.com/react-admin/Authentication.html#catching-authentication-errors-on-the-api.

Каждый раз, когда API возвращает ошибку, authProvider вызывается с типом AUTH_ERROR. Опять же, вам решать, какие коды состояния HTTP должны позволить пользователю продолжить (путем возврата выполненного обещания) или выйти из системы (путем возврата отклоненного обещания).

person Gildas Garcia    schedule 27.06.2018