Верни стену

Я не видел, что ты писал.

это рофл?

здесь вакансии не постим

Всем привет. интересный вопрос.

У меня есть отдельный файл со всеми API реквестами, который выглядит примерно так

request().then(handleErrors('critical error')).then(res => res.json());

, где request - это fetch.
внутри handleErrors идет проверка на то, что реквест success( если кто не знает, fetch не возращает ошибку как таковую)
handleErrors выглядит по такому типу

const handleErrors = (criticalErrorMessage) => response => response.ok ? response :
  response.text().then((textResponse) => {
    if (criticalErrorMessage && response.status === 500) {
      showErrorModalDialog(t(criticalErrorMessage));
    }
    if (response.status === 400) {

    }
    throw {status: response.status, body: textResponse, statusText: response.statusText};
  });

где showErrorModalDialog - это просто протягивания jquery функции и отображение модалки.
В чем вопрос: как грамотней всего здесь завязаться на react, так как я хочу создать провайдер для модалок, который будет уметь отображать модальные окна разного типа. Что мне надо: это получить доступ к провайдеру/redux store из НЕ Реакт файла с апишками. Можно это обойти с помощью хуков, естественно, либо сохранять ссылку на redux store в отдельной переменной, но для меня это звучит глупо. Вдруг есть нормальные идеи у кого?

почему если в компоненте выполнять axios.get, то он начинает бесконечно спамить запросами?

это вызов компонента происходит?

или сам axios лупит?

А ты как думаешь?

проблема с твоим обновлением стейта и компоненты

Конечно аксиос лупит. Он в самоволку ушел.

т.е. exception во время setState происходит?

потому что ты выполняешь сетстей по завершению запроса, для сайд эффектов угадай какое есть апи в реакте?

useEffect?

😉

ох! да, забыл в useEffect второй парам передать

[]

request().then(handleErrors('critical error')).then(res => res.json());

const handleErrors = (criticalErrorMessage) => response => response.ok ? response :
  response.text().then((textResponse) => {
    if (criticalErrorMessage && response.status === 500) {
      showErrorModalDialog(t(criticalErrorMessage));
    }
    if (response.status === 400) {

    }
    throw {status: response.status, body: textResponse, statusText: response.statusText};
  });

а в ответ тишина.. куда ж все подевались 🙁

Всем привет,кто может помочь с тасками по реакту ,напишите ,пожалуйста в лс

Есть быстрое и изящное решение, нужна такая структура:

Layout
 > Component
    > Aside
    > Article

некий хок который заберет из компонента Component элемент Aside и вставит его в Layout?