Javascript React onClick事件处理程序未触发。。。？

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

我尝试过不同的语法，但下面是“最简单”的一种。我不知道还有什么可以尝试，但部门不会回应

 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>
    );
  }
}

构造函数（道具）{
超级（道具）；
this.divClicked=this.divClicked.bind（this）；
}
div（e）{
log（“DEBUG:divClicked！”）；
}
渲染（）{
const data=this.props.data；
返回(
);
}
}

---

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

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

这是否回答了您的问题？不，奇怪的是，我根本无法启动事件处理程序。这是我从未见过的奇怪行为。你的

div

是空的。你确定你在点击右边的div吗？这个

div

需要一些高度/宽度吗？是否可见？是的，为了测试，我将其设置为空，并添加了30px的高度，并在我单击的Chrome调试器中进行了验证。请参阅下面的答案，或者如果这没有帮助，请为我们提供一个沙箱。