我怎么能访问和使用 event.currentTarget 但是当我打印事件时 currentTarget 是 null？

Question

考虑 React 中的以下代码：

// rendered:
<input type="file" onChange={onFileSelected} />

// Event handler:
function onFileSelected(event: ChangeEvent<HTMLInputElement>) {
  console.log('event:');
  console.log(event);
  console.log('event.currentTarget.files:');
  console.log(event.currentTarget.files);
}

现在在我的onFileSelected function 上选择一个文件后触发，这是 output： 我在屏幕截图中标记了我的困惑： event.currentTarget is null，但是event.currentTarget.files可以访问吗？ 这怎么可能？

Answer 1

取自Event.currentTarget 文档

注意： event.currentTarget 的值仅在处理事件时可用。 如果您 console.log() 事件 object，将其存储在变量中，然后在控制台中查找 currentTarget 键，其值将是 null。 相反，您可以直接使用 console.log(event.currentTarget) 以便能够在控制台中查看它或使用调试器语句，这将暂停代码的执行，从而向您显示 event.currentTarget 的值。