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

Question

我有一个非常简单的 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 永远不会触发，这是一个如此简单的示例，我想知道是父组件导致了问题还是某些其他组件对其产生了影响。

Answer 1

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