javascript - IconButton onClick 事件在 onLoad React 中启动

Question

我在每一行旁边显示了下面的 IconButton ，因此对于每一行我都可以执行不同的 API 调用。这些按钮的警报会显示在加载上？!我该如何修复它？

<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>