Question

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

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

Answer 1

您正在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>

IconButton onClick事件启动onLoad反应

1 个答案: