все можно в useEffect написать
вам надо пример на codesandbox накидать, так не совсем понятно

спасибо

Привет всем
На чем лучше писать end-to-end тесты для реакт компонентов?

Cypress

test-cafe

React Testing Library не покрывает это дело?

Это разные инструменты для разных кейсов

Добрый день! Хотел спросить, как лучше всего работать с ошибками Graphql. Клиент написан на реакте, использую Аполло. Мой сервер всегда отдает 200 код и обьект. Если что-то пошло не так, сервер отдает обьект вида:
{
   "errors": [],
   "data": null,
}

в массиве errors,  сложены все ошибки котороые сервер нашелю Например, User not found. Если ошибки нет, то обьект будет

{
   "data": [],
}
в массиве data будут данные.

Первое, такую ошибку нельзя запихнуть в catch. Мой useMutation hook выглядит примерно так:
findUser({}).then().catch(e => console.log(e))

в then, я могу проверять обект, который возвращает сервер на наличие errors. Это был мой подход. Я очень хотел бы услышать мнение других людей, комментарии, критику. Спасибо!

Спасибо большое

подскажите пожалуйста, не изменяет значение в инпуте, где туплю?

1. убедись, что твоя функция changeText корректно обновляет стейт

2. проверь условие, возможно у тебя не срабатывает this.state.text и modalData возвращает modalData.Content

3. Пропиши в changeText - console.log(e) и там уже поймёшь что и как

this.setState({ value: '1' });
this.setState({ value: '1' });
this.setState({ value: '1' });

сделает 3 раза обновление стейта, но ререндеров будет 1 и никакой проверки в setState нет, что если значение новое и предыдущее схожие, то не обновлять стейт

Так у тебя он разве не всегда будет в modalData смотреть ? Т.е. ты state то меняешь, но тернаррный оператор туда не будет уходить если есть props

Не правда.

Почему?

Твой сервер должен возвращать при возникновении ошибок 400 >, чтобы нормально с помощью try catch их отлавливать, если такое не получается, то писать какую-нибудь обертку на промис findUser, например, который будет из then вытаскивать ответ и при наличие errors, делать reject.

setState асинхронный. У тебя отработает изменение стейта только в 3 вызове. Предыдущие 2 оптимизация реакта скипнет.

Насколько я помню, graphql должен всега возарщать 200

А если он работает на onChange инпута тоже?