Typescript

Question 1

Hoe type je het beste een form element event in React Typescript?

Answer 1

Door het ‘react’ object te gebruiken gevolgd door het type event (ChangeEvent of MouseEvent bijvoorbeeld). En daarin het type element te definieren zoals (ChangeEvent<HTMLSelectElement> of MouseEvent zonder specifieke types).</HTMLSelectElement>

Dus: React.EventType<OptionalHTMLElementType></OptionalHTMLElementType>

Question 2

Wat is de syntax om bepaalde waardes uit Type X te gebruiken/toe te staan in Type Y?

Answer 2

Pick en Omit

Pick: kies van Type X een of meerdere waardes.
Omit: sluit van Type X een of meerdere waardes uit.

type TypeY = Pick<Type-X, ‘waarde1’ | ‘waarde2’>