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

Posted 2023-02-22

【中文标题】反应 onClick 事件处理程序没有触发......？

【英文标题】：React onClick event handler not firing ...?

【发布时间】：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 需要一些高度/宽度吗？看得见吗？

查看以下答案，如果没有帮助，请提供沙箱。

【参考方案1】：

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