Onclick 函数产生“函数语句需要函数名”错误答案

【问题标题】：Onclick function produces "Function statement require a function name" ERROROnclick 函数产生“函数语句需要函数名”错误
【发布时间】：2021-01-11 20:43:10
【问题描述】：

我有一个 React 组件，它呈现一个甘特图，我在其中呈现一个应该在点击时触发动作的图像。由于图表库的设置方式，我必须将图像标记作为常规 HTML 标记传递：

这种带有箭头函数的植入会产生错误：

当我测试功能 iconClick 是否被组件看到时：

onClick='${this.iconClick()}'

该功能正常工作，但当然它是在页面加载而不是点击时触发的。我的箭头功能设置是否遗漏了什么？

【问题讨论】：

发布整个代码？

标签： reactjs onclick arrow-functions

【解决方案1】：

JSX 不是HTML。您正在尝试使用字符串插值直接操作 DOM。在普通的 HTML 代码中，您将提供 onclick 属性，这是单击元素时要评估的 JS 字符串。

在JSX 中，您提供onClick 稍后调用的函数。

当使用 react 时，你不应该像这里那样改变 DOM。

【讨论】：