如何在不删除第一个的情况下添加第二个 onClick 侦听器？反应答案

【问题标题】：how to add a second onClick listener without removing the first one? React如何在不删除第一个的情况下添加第二个 onClick 侦听器？反应
【发布时间】：2023-02-09 23:23:59
【问题描述】：

这个问题看起来很简单，但对我不起作用:( 我正在根据条件添加听众。

如果第一个条件为真，我添加一个函数

ref.current.onclick = ()=> {function1()}

如果第二个条件为真，我添加第二个函数

ref.current.onclick = ()=> {function2()}

这将删除第一个功能。如何在不删除第一个功能的情况下添加第二个功能？

我试过：

ref.current.onclick = ()=> {ref.current.onclick, function2()}

ref.current.onclick = ()=> {ref.current.onclick(), function2()}

ref.current.onclick = ()=> {()=>ref.current.onclick(), function2()}

这不起作用

【问题讨论】：

您能否检查更高级别函数中的条件，然后调用 function1/function2？抱歉，如果这与您的情况无关，这似乎是最简单的修复方法，但看不到全局。

标签： javascript reactjs

【解决方案1】：

您可以像这样使用条件（三元）运算符：

{YourCondition ? ref.current.onclick = ()=> {function1()} : ref.current.onclick = ()=> {function2()}}

【讨论】：