javascript - Aký je správny typ pre udalosti kliknutia v Reacte?

Chcem použiť typ pre môj obsluhovač udalostí namiesto použitia typu any. Môže mi s tým niekto, prosím, pomôcť? Tu je kód, ktorý sa snažím refaktorovať:

const MyComponent = () => {
  const handleBtnClick = (e: any) => {
    e.stopPropagation();
    //**Some Code**
  }
  return <CustomButton onClick={handleBtnClick} />
}

Odpoveď č. 1

Pre typy by ste mali mať TypeScript, kde to môžete urobiť:

const handleBtnClick = (e: React.MouseEvent<HTMLButtonElement>) => { ... }

Prosím, pozrite si toto: https://fettblog.eu/typescript-react/events/

Samozrejme, môžete to skúsiť bez TypeScriptu, ale nestojí to za to.

Dúfam, že to pomôže.

Odpoveď č. 2

Ak vytvoríte <button> a podržíte kurzor nad vlastnosťou onClick, zobrazí sa vám typ v bublinovej nápovede:

Vo vašom ukážkovom kóde vytvárate vlastné tlačidlo, takže typy závisia od implementácie tejto komponenty.

Súvisiace články