我怎么能訪問和使用 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 的值。