反應 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上復制了您的代碼，並且可以正常工作。