考虑一个带有react引导组件的react/redux应用程序。这可能是一个非常新手的问题，但我正在尝试将多个操作传递给来自React引导库的Button上的单个onClick事件。
<Button bsStyle="success" bsSize="small" onClick={someCallback; someOtherCallback;}> Something </Button>
如何正确地做到这一点？
zpf6vheq1#
将它们 Package 在另一个函数中：
<Button bsStyle="success" bsSize="small" onClick={onButtonClick}> Something </Button> ... onButtonClick = function(event){ someCallback() someOtherCallback() }
g52tjvyc2#
在触发按钮时，您可以使用以下代码执行多项操作第一个
wbgh16ku3#
我的应用程序也遇到了类似的问题（使用ReactJS + Bootstrap 5）。我想使用onClick来调用API（searchDataRange），并呈现页面的一部分（const [renderItems，setRenderItems] = useState（false）;）。我第一次尝试这个（不工作！）：
<Button type="button" className="btn btn-light mx-2" onClick={() => setRenderItems(!renderItems); searchDataRange} </Button>
我尝试了几种不同的组合（）、{}等，但这解决了问题（解决方案）：第一个
jobtbby34#
我认为OnClickCapture也适用于第二个Click事件。这可能不是最有效的方法，但我认为如果您将Onclick用于第一个函数，将OnClickCapture用于第二个函数，它同时也适用。
4条答案
按热度按时间zpf6vheq1#
将它们 Package 在另一个函数中：
g52tjvyc2#
在触发按钮时，您可以使用以下代码执行多项操作
第一个
wbgh16ku3#
我的应用程序也遇到了类似的问题（使用ReactJS + Bootstrap 5）。我想使用onClick来调用API（searchDataRange），并呈现页面的一部分（const [renderItems，setRenderItems] = useState（false）;）
。
我第一次尝试这个（不工作！）：
我尝试了几种不同的组合（）、{}等，但这解决了问题（解决方案）：
第一个
jobtbby34#
我认为OnClickCapture也适用于第二个Click事件。这可能不是最有效的方法，但我认为如果您将Onclick用于第一个函数，将OnClickCapture用于第二个函数，它同时也适用。