ReactJS＆＃34; eat＆＃34;我的onClick属性

Question

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

我会尽量减少到必要的最低限度。

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

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

一个List组件，它呈现每个项目并将该函数作为参数传递（在从Container接收之后）：http://pastebin.com/6cwPCJhn

该功能似乎没问题，当我要求在控制台上登录时，我可以看到该功能在那里。

但接下来我得到的是：

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

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

我感谢任何帮助。

Answer 1

  

嘿，onClick属性在哪里

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

dom onclick 与组件prop不同（反应会执行更好的事件并且不会受onclick全局范围影响的花哨事件委派）。< / p>