Показывать только один тостер, если есть какая-либо ошибка в реакции

Question

Я новичок, чтобы реагировать JS. Здесь я использую react-redux-toaster.

Теперь у меня есть следующий код.

else {
    dispatch({
        type: REQUEST_SUCCESSED
    })
    toastr.error("Error while Fetching the technologies,Please try again");
    if (response.status === "") {
        toastr.error('Our server is down. Please check again');
    }
    dispatch({
        type: FAILED_TEHNOLOGY_FETCHING,
        data: response.status,
    });
    if (response.status === 401) {
        toastr.error('Please Login Again');
        localStorage.clear();
        history.push('/');
    }
}

Теперь я хочу показать только один тостер, но что происходит, так это

когда мы нажимаем на запрос, то если сервер не работает, то он обрабатывает запрос, но все равно показывает другие ошибки. Кто-нибудь может мне помочь с этим?

Как я смогу показать только один тостер?

Answer 1

Вы не проверяли условия

else {
    if (!response.status) {
        toastr.error('Our server is down. Please check again');
    }
    else if (response.status === 401) {
        toastr.error('Please Login Again');
        localStorage.clear();
        history.push('/');
    }
    else if (/* not sure on condition */) {
      toastr.error("Error while Fetching the technologies,Please try again");
      dispatch({
          type: FAILED_TEHNOLOGY_FETCHING,
          data: response.status,
      });
    } else {
      dispatch({
          type: REQUEST_SUCCESSED
      })
    }    
}