ReactJS 事件有时起作用，有时不起作用

Question

我正在尝试获取在 React 中单击的按钮的 id，这是我编写的代码:

 const saveid = (e) => {
  console.log(e.target.id);
}
<Button className='gettheid'  onClick={(e)=>saveid(e)} id={something[i][0]} variant="contained" color="primary">

我在 saveid 中编写的 console.log 有时会给出 id，但有时不会。我不明白为什么。有人可以帮我吗

Answer 1

看起来您需要 currentTarget 因为每次您单击按钮时它都不会是 target 按钮，它也可以是它的子节点。所以，在这种情况下，它将会失败。

因此，我建议您使用 currentTarget 这始终是绑定(bind)到事件的元素。

e.currentTarget.id