javascript - React中一键连续调用函数

Question

我需要基于一个 onClick 事件执行 2 个函数。为此，我通过 stackoverflow 找到了一些方法。 (引用Call multiple functions onClick ReactJS)

但是，就我而言，如果我指定为 onClick={this.handleClick} ，则可以按预期工作。但如果我指定为 onClick={(event) => {this.handleClick()}}，则单击按钮时不会发生任何情况。这可能是什么原因？ onClick 一对一调用两个函数的最佳方式是什么，其中第二个函数调用取决于第一个函数调用的结果。

Answer 1

您可以尝试以下方法

你的onClick就像这样，默认情况下会发送一个事件

onClick={this.handleClick}

处理Click事件

handleClick = (event) => {
  fetch.fetchUrl(url [, options], ()=> {
   this.getFoo();
  })
}
getFoo = ()=>{}

第二种方式

您可以通过绑定(bind)函数来发送事件

onClick={this.handleClick.bind(this, additionalParameter)}

现在点击功能看起来像

handleClick = (additionParameter, event) =>{}

此外，如果您想同时发送其他参数，可以采用第二种方式。这两种方式仍然会传递与您的处理程序附加的事件。