如何使用 onclick 一次做两件事以做出反应？

【问题标题】：How do I use an onclick to do two things at once in react?如何使用 onclick 一次做两件事以做出反应？
【发布时间】：2022-07-11 17:25:54
【问题描述】：

我想在一个元素上使用 onClick 来做两件事，一旦你点击它。

我知道你是这样做的，但是你怎么做两个或更多呢？

<div onClick={myFunction}></div>

如果这有什么不同的话，我正在使用 React 17。

【问题讨论】：

【解决方案1】：

用箭头函数替换它。

<div onClick={()=>{myFunction();mySecondFunction();}}></div>

【讨论】：

【解决方案2】：

您创建了一个替代的“myFunction”来执行您想要的两件事。例如

function myFunction() {
    thing1();
    thing2();
}

或者你将一个 lambda 函数放入：

onClick={() => {thing1(); thing2()}}

【讨论】：