ReactJS "eating" 我的 onClick 属性

ReactJS "eating" my onClick attribute

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

我会尽量减少必要的最低实施。

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

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

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

功能好像没问题,在控制台要求登录的时候看到功能是有的

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

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

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

感谢任何帮助。

Hey, where's the onClick attribute

attribute 只是转换为传递给组件的 属性

dom onclick 与组件 prop 不同(react 执行花哨的事件委托,性能更好并且不会受到 onclick 全局作用域).