響應時從 HTML 元素獲取值時的函數參數類型

Question

所以我只是制作一個從 HTML 元素（LI 標簽）獲取值的函數。 這個函數也會在 onClick 事件上被調用。

const getContents = (e: any) => {
  const data = e.target.textContent.split('some-separator') //.. and so on

  // other stuff
}

return (
  <li onClick={(e) => getContents(e)}>{some date}</li>
)

同時，我正在輸入any我不知道的並且暫時無法縮小類型的內容。 什么是正確的類型，當我嘗試輸入一個花哨的類型時 - 打字稿會尖叫

(屬性) Node.textContent: string | null - 對象可能為“null”

Answer 1

import {SyntheticEvent} from 'react'

const getContents = (e: SyntheticEvent) => {
  // ...
}
// or more specific
const getContents = (e: SyntheticEvent<HTMLInputElement>) => {
  e.currentTarget.value
}