如何执行多个 onClick React 动作？答案

【问题标题】：How to perform multiple onClick React actions?如何执行多个 onClick React 动作？
【发布时间】：2022-08-16 18:18:09
【问题描述】：

所有这些选项都不起作用。请告诉我如何在点击反应上执行 2 个动作

<div className=\'button\' onClick={ ()=> alert(\'1\'); alert(\'2\')} > </div>

<div className=\'button\' onClick={ ()=> alert(\'1\'), alert(\'2\')} > </div>

<div className=\'button\' onClick={ ()=> alert(\'1\'), ()=> alert(\'2\')} > </div>

使用{ 和} 将both alert 包装为<div className=\'button\' onClick={ ()=> { alert(\'1\'); alert(\'2\') }} > </div>

标签： reactjs

【解决方案1】：

您必须将您的操作包装在一个块中，即大括号{}。像这样：

<div
  className='button'
  onClick={() => {
    alert('1');
    alert('2');
  }}>

</div>

【讨论】：

【解决方案2】：

像这样尝试，在花括号中添加您的操作。

<div className='button' onClick={ ()=> { alert('1'); alert('2') }} > </div>

【讨论】：