javascript - 如何检查我的 event.target 是否是 React 中的 HTML 输入元素类型？

Question

请参阅这个最小示例 https://codepen.io/rockmandash/pen/Rzwowd

代码是这样的:

<div class="cool">
  <input type="checkbox" value="checkbox1">
  <input type="checkbox" value="checkbox2">
  <input type="checkbox" value="checkbox3">
</div>

document.querySelector(".cool").addEventListener("click", event => {
  // In React World
  // How do I check if event.target is typeof HTML.input Element?
  console.log(event.target.value);
});

我问这个问题是因为我有数以千计的输入元素，在 react 中，我将不得不创建数以千计的回调函数。

因此我将我的函数移至它们的父级，但随后我必须验证我当前是否正在单击输入元素。

否则，我可能会设置错误的 event.target.value。

Answer 1

if (event.target instanceof HTMLInputElement)