Я создаю веб-приложение, используя ReactJS и .NET Core (веб-API), используя механизм JWT для определения пользовательских сессий. Я также использую AXIOS для выполнения запросов от реагирующего пользовательского интерфейса, используя общий файл функции / JS для выполнения любых запросов GET / POST / PUT к ядру .net. Я хотел бы отобразить модальный загрузчик, когда API возвращает 401
На данный момент я создал мод ошибки, отображающий тайм-аут сеанса, и в настоящее время он используется в 1 домашнем компоненте. При обновлении страницы я делаю вызов через AXIOS, и когда AXIOS возвращает ошибку 401, я устанавливаю состояние для переменной ошибки сеанса, и она отображает модальное значение. Поскольку render () имеет проверку для этой переменной состояния, если произошла ошибка, отобразите модальное состояние, а если нет, отобразите домашний интерфейс. Это прекрасно работает, но у меня есть еще 5 компонентов / страниц, где тот же код должен быть реплицирован снова.
Как сделать так, чтобы ошибка сеанса была модальной для отображения из самого класса файлов AXIOS?
ИЛИ ЖЕ
Как можно сделать модальную ошибку сеанса общей для всех компонентов, чтобы при создании нового компонента мне не приходилось беспокоиться о коде, связанном с сеансом.
Я знаю, что там много постов, но ни один из них не был для меня ясным ответом.