React.js - Как вызвать метод после полного выполнения другого метода

Question

У меня есть две простые функции.Я пытаюсь вызвать две функции в моей функции handleSearchClick при нажатии кнопки.

Я бы хотел запустить this.props.getNewsDesc () после after.props.fetchNewsApiOrg (this.newsSourceName) "был полностью выполнен.

Вот код:

handleSearchClick = () => {
    this.props.fetchNewsApiOrg(this.newsSourceName);
    
    this.props.getNewsDesc();
  }

Не могли бы вы сказать мне правильный способ вызова функции после полного выполнения другой функции?

Спасибо.

Answer 1

Вы можете передать метод в качестве параметра и вызвать функцию из функции fetchNewsApiOrg ().

handleSearchClick = () => {
    this.props.fetchNewsApiOrg(this.newsSourceName, this.props.getNewsDesc);
 }
...
fetchNewsApiOrg(newsSourceName,getNewDesc){
...
getNewDesc();
}

В этом методе вам нужно будет связать getNewDesc, как, this.getNewDesc = this.getNewDesc.bind(this) в конструкторе.

Или вы можете выполнять обещания.

handleSearchClick = () => {
    this.props.fetchNewsApiOrg(this.newsSourceName).then(()=>{
    this.props.getNewsDesc();
  })

Здесь fetchNewsApiOrg должен вернуть обещание .