javascript - IconButton onClick事件启动onLoad react

我在每行旁边显示以下IconButton，因此对于每一行，我可以执行不同的API调用。这些按钮的警报显示在L​​oad ?!我该如何解决？

<IconButton onClick={alert("abc")}>
  <Edit color="action" />
</IconButton>
<IconButton onClick={alert("abc")}>
  <Update color="action" />
</IconButton>
<IconButton onClick={alert("abc")}>
  <Delete color="action" />
</IconButton>

最佳答案

您正在onClick中调用函数，这就是为什么它会被onLoad触发的原因

您可以使用es6箭头功能

<IconButton onClick={() => alert("abc")}>
  <Edit color="action" />
</IconButton>
<IconButton onClick={() => alert("abc")}>
  <Update color="action" />
</IconButton>
<IconButton onClick={() => alert("abc")}>
  <Delete color="action" />
</IconButton>