Обработка ошибок в модальном окне?

Question

[ParaBellum577]

У меня есть модалка с множеством полей, которые обрабатываются на сервере. Суть в том, что мне надо отрисовать ошибки, если они есть, если нет просто закрыть окно и сохранить. Ошибки кладутся в редакс после запроса на сервер, но проблема в том, что при открытии окна ошибок никаких еще нет и даже если запрос на бек возвращает ошибку, модалка закрывается, потому что они еще не появились в редаксе. await перед закрытием не помогает

const handleSubmit = async () => {
    if (startTime !== endTime) {
      const data = {
        title: eventName,
        subject: lesson,
        startTime: getUtcTime(startTime, 'LT', startDate),
        endTime: getUtcTime(endTime, 'LT', startDate),
        link: link || null,
        repeat: age,
        isOnline,
        date: startDate.toISOString(),
      };
      if (!editEventData) {
        await addEvent(data, +unitId);
        if (!_.isEmpty(scholars.units) && !hasErrors) {
          setEventName('');
          setAge('');
          setLink('');
          setLesson('');
          handleClose();
        }
      } else if (editEvent && editEventData.id) {
        await editEvent(+unitId, editEventData.id, data);
        if (!_.isEmpty(scholars.units) && _.isEmpty(errorMessages)) {
          handleClose();
        }
      }
    }
  };

Comments

[ParaBellum577]

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

const onSuccess = () => setError(false);

  useEffect(() => {
    if (!hasError) {
      handleClose();
    }
    return () => setError(true);
  }, [handleClose, hasError]);

[Егор Живагин]

ParaBellum577, просто храните в сторе флаг, нужно ли показывать модалку, условно, isModalOpen
При открытии модалки он становится true
Если запрос прошёл успешно, в экшене (и редьюсере) это поле переводится в false

Таким образом, модалка будет закрываться только в том случае, если всё хорошо

Либо вы можете хранить в сторе isLoading, isSuccess, isError и в компоненте, уже исходя из этих полей, закрывать модалку

[ParaBellum577]

Егор Живагин, Спасибо, не подумал об этом варианте)