React onClick根本没有开火

Question

我有一个锚标记，其中一个组件中的onClick由另一个组件呈现。它看起来像这样：

<a href="javascript:void(0);" className="btn btn-link" onClick={this.closeThing.bind(this)}>Close</a>

this.closeThing是定义的，当我使用React Dev工具时，我可以看到它知道onClick。但是没有onClick在这里工作，即使我改为匿名函数只记录乱码测试。无论我想在点击时发生什么功能，当我点击“关闭”时都没有任何反应。

我已尝试将该事件作为参数并在函数中首先调用e.preventDefault。

我使用ES6类语法来声明React组件。

有没有其他人遇到这个？这令人难以置信。

哦，这也常用，但我现在唯一改变的是我已经将它从jsx文件更改为js文件，因为我使用System.js来利用ES6模块。但是一切都很好，除了onClick不起作用。

编辑：问题似乎是我在页面上加载了两个不同的“实例”React。 ：T来自ES6模块，一个来自CDN URL。将CDN URL切换到System.js导入解决了这个问题。

Answer 1

是否在浏览器的控制台中显示任何异常？它也可能是UI问题，可能是你的近区元素被一些透明元素覆盖，不允许点击实际元素。