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

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

Answer 1

我已经在 StackBlitz 上复制了您的代码，并且有效。

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

React onClick event handler not firing ...?

javascript

events

reactjs