React.js - 如何在另一个方法完全执行后调用一个方法

Question

我有两个简单的功能。单击按钮后，我试图在“handleSearchClick”函数中调用两个函数。

我想在“this.props.fetchNewsApiOrg(this.newsSourceName)”完全执行后运行“this.props.getNewsDesc()”。

代码如下：

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 应该返回一个promise。