考虑一个带有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用于第二个函数,它同时也适用。