将多个操作传递给 react-bootstrap 按钮中的 onClick 事件

Question

考虑一个带有 react-bootstrap 组件的 react/redux 应用程序。

这可能是一个非常菜鸟的问题，但我正在尝试将多个操作传递给来自 react-bootstrap 库的 Button 上的单个 onClick 事件。

<Button bsStyle="success" bsSize="small" onClick={someCallback; someOtherCallback;}>
  Something
</Button>

如何正确执行此操作？

Answer 1

将它们包装在另一个函数中：

<Button bsStyle="success" bsSize="small" onClick={onButtonClick}>
  Something
</Button>
...
onButtonClick = function(event){
  someCallback()
  someOtherCallback()
}

Answer 2

您可以使用以下代码在触发按钮时做不止一件事

function doMagic {
  //do something
  //do another thing
}

<Button bsStyle="success" bsSize="small" onClick="doMagic()">
  Something
</Button>

Answer 3

我认为还有 OnClickCapture 也适用于辅助点击事件。可能不是最有效的方法，但我认为如果你使用它同时有效 Onclick 用于第一个函数，OnclickCapture 用于第二个函数。

将多个操作传递给 react-bootstrap 按钮中的 onClick 事件

Passing multiple actions to onClick event in a react-bootstrap Button

javascript

reactjs

react-bootstrap

redux