React Button 元素 id 給出空字符串

Question

單擊按鈕時，我想在 function 調用中傳遞我的 Button 的 ID。 但是怎么做呢？ 我閱讀了可用的解決方案，但沒有任何幫助。

問題：下面的代碼在控制台中打印一個空字符串

期望： paras123 應該被打印出來

<TableCell align="center">
   <Button id="paras123" onClick={(e)=>console.log(e.target.id)}>
      Pre-Session Form
   </Button>
 </TableCell>

Answer 1

因為target是跨度顯示文本Pre-Session Form 。 您需要使用 currentTarget 來獲取按鈕 id：

onClick={(e) => console.log(e.currentTarget.id)}

Answer 2

檢查target ： console.log(e.target) 。 它會像這樣響應

<span class="MuiButton-label">Pre-Session Form</span>

沒有id值。 如果您的想法是打印paras123 ，請查看此示例鏈接。

https://codesandbox.io/s/damp-paper-ftumv?file=/src/App.js:1592-1595