反应 onClick 事件处理程序没有触发......？答案

【问题标题】：React onClick event handler not firing ...?反应 onClick 事件处理程序没有触发......？
【发布时间】：2021-08-05 02:41:41
【问题描述】：

我有一个非常简单的 div，当我点击它时我需要做出反应。我将问题缩小到下面，但无论我尝试什么，我都无法获取 Chrome 调试屏幕的日志。

我尝试了不同的语法，但以下是“最简单”的语法。我不知道还能尝试什么，但 div 不会响应。

 constructor(props) {
    super(props);
    this.divClicked = this.divClicked.bind(this);
  }
    
  divClicked (e) {
    console.log("DEBUG: divClicked!");
  }
 
  render () {
    const data = this.props.data;
    return (
      <div onClick={this.divClicked} id={data.id + 'a'} className='url1_div'>
      </div>
    );
  }
}

divClicked 永远不会触发，这是一个如此简单的示例，我想知道是父组件导致了问题，还是其他一些组件对其产生了影响。

【问题讨论】：

这能回答你的问题吗？ How to use onClick with divs in React.js
您的div 为空。你确定你点击的是正确的 div 吗？这个div 需要一些高度/宽度吗？看得见吗？
查看以下答案，如果没有帮助，请提供沙箱。

标签： javascript reactjs events

【解决方案1】：

我已经在StackBlitz 上复制了您的代码，并且可以正常工作。

【讨论】：