javascript - ReactJS "eating"我的 onClick 属性

Question

我正在做一个 ReactJS Web 应用程序，一切似乎都做得很好......除了一件愚蠢的事情，我无法弄清楚为什么会发生。

我会尝试将必要的实现减少到最低限度。

我有一个 Item 组件:http://pastebin.com/P8T6vAhR

一个容器，它呈现列表并正确定义函数:http://pastebin.com/GmyrnY2c

还有一个 List 组件，它呈现每个项目并将函数作为参数传递(从容器接收它之后): http://pastebin.com/6cwPCJhn

这个功能看起来不错，当我要求在控制台上登录时，我可以看到该功能就在那里。

但是我得到的渲染结果是:

<button class="ui">My Category</button>

嘿，onClick 属性在哪里？消失了……不知道为什么。可能是一些愚蠢的错误或对 JSX 背后魔力的误解，但我找不到问题......特别是因为我在代码的其他部分使用了类似的东西，并且其他一切都运行良好。

感谢任何帮助。

Answer 1

Hey, where's the onClick attribute

属性刚刚转换为传递给组件的属性。

dom onclick 与组件 prop 不同(React 执行奇特的事件委托(delegate)，其性能更好并且不会受到 onclick 的影响> 全局范围)。