首頁猿問為什么我可以訪問和使用...

為什么我可以訪問和使用 event.currentTarget 但當我打印事件時

JavaScript

catspeake 2023-11-02 17:12:44

考慮 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);}現(xiàn)在，在觸發(fā)我的函數(shù)上選擇文件后onFileSelected，這是輸出：https://i.stack.imgur.com/sMriZ.png我在屏幕截圖中標記了我的困惑：event.currentTarget為空，但event.currentTarget.files可以訪問？這怎么可能？

查看完整描述

1 回答

幕布斯7119047

TA貢獻1794條經(jīng)驗獲得超8個贊

摘自Event.currentTarget?文檔

注意：event.currentTarget 的值僅在處理事件時可用。如果您使用 console.log() 事件對象，將其存儲在變量中，然后在控制臺中查找 currentTarget 鍵，則其值將為 null。相反，您可以直接 console.log(event.currentTarget) 以便能夠在控制臺中查看它，或者使用調(diào)試器語句，這將暫停代碼的執(zhí)行，從而顯示 event.currentTarget 的值。

反對回復 2023-11-02