Задержка отправки запроса, до получения ответа от предыдущего?

Question

[connecter]

Добрый день, как реализовать задержку в отправке запросов? React и NodeJS.
В данный момент сделал так, что у кнопки есть состояние, к примеру, ready: true, если был оправлен запрос, то состояние меняется на false, как получен ответ, состояние меняется обратно на true.
Хотелось бы узнать как грамотно и правильно это реализовать от более опытных разработчиков.

Answer 1

[Роман Александрович]

вам нужно в начале запроса сделать флаг например isFetch и поставить его в true. Если запрос закончился или же произошла какая то ошибка во время запроса то поставить его в false. И если isFetch true то не выполнять запрос.

_getPostcards () {
    try {
this.setState({isFecth:true})
      const url = domain + '?app_id='+ app_id +'&category='+ category +'&page=' + this.state.page
      return fetch(url)
      .then((response) => response.json())
      .then((responseJson) => {
        console.log(responseJson)
        this.setState({ data: responseJson.photos, pageMax: responseJson.pages })
this.setState({isFecth:false}) //<--------
      })
      .catch((error) =>{
        console.error(error);
       this.setState({isFecth:false}) //<--------
      });
    } catch (e) {
      throw e
      this.setState({isFecth:false}) //<--------
    }
  }

Comments

[connecter]

Грубо говоря тоже самое, как я сделал, только не для конкретной кнопки, а в общем для запросов.
Хотелось бы увидеть другие решения

[Петр Мухуров]

Для чего использовать try {} catch {}, если код фактически может свалиться только в промисе, .catch() для которого описан? Кроме того, лучше использовать нейтральные названия для индикации (напр., loading/status), не обязательно в качестве транспорта будет использоваться fetch(), тем более если сервисы вообще в отдельном апи валяются.