[TypeScript] Interface z narzuconym typem <T>

Question

Cześć, od niedawna stosuję TS i chciałbym zapytać, w jaki sposób mógłbym narzucić typ dla parametru generycznego (bo tak to się chyba nazywa?) <T>?
 

Tzn. chciałbym coś takiego zrobić:

type dxComponent = dxDataGrid | dxTreeList

export interface dxEventOnInitialized<T: dxComponent> {
component: T
element: HTMLElement
}

Czyli chciałbym narzucić możliwe typy dla <T>, tak żeby nie było to przypisywanie dowolnego typu. Da się jakoś to wykonać?

Z góry dziękuję :)

Answer 1

Chyba chodzi Ci o możliwe podtypy dla T? Użyj extends i unii.

Na przykład: https://www.typescriptlang.org/play?#code/JYOwLgpgTgZghgYwgAgCYA8AicxwOJTCrIDeAUMpciHALYQBcyA5Kjvoas2QL5lmhIsRCgwAVKBAgAZYAGcwpClRr0mzMJJnyw3PmTABPAA6j0AYQD2tY5ZARwyALxos7AkWQAfVxKmyFAxMUOBBLMAALaDFg52QAI0tLABsIUIoyAHpM5ABXEGA4ZChLAC85UuhSuAArQFBABCKjY2QAcwdoQwRSkENkAAMxfrIIdFsoRUFoeCRXAFEANwcwAHkQAEkCsELk4ErUAB4xZFHIEFQ5VysbO2XvZFDwqKgY0wA+JSpkBGtbe3AmGJlJQIKl6ADkAAJMQAWWkczBy14-GaKESKTSIBWuTAxhxcQwi2Wa02wG2cF2+wOmlyEDeAG4gqZXNjcfiXISluASVsdnsIIcSNQ6IwWGxcB4uMgeG8gA

Comments

Kurczę, wcześniej już próbowałem z extends i myślałem, że źle robię. Ale faktycznie extends rozwiązuje problem, tylko TS mi nie podpowiada, jakiego typu jest <T> (po ctrl+space) - tylko po najechaniu na niego. Troszkę dziwne ;D ale zwraca błąd, gdy podam inny interface, więc jest ok.
 

import dxDataGrid from 'devextreme/ui/data_grid'
import dxTreeList from 'devextreme/ui/tree_list'

export interface dxIEventOnInitialized<T extends dxIComponentOnInitialized> {
  component: T
  element: HTMLElement
}

export type dxIComponentOnInitialized = dxDataGrid<any, any> | dxTreeList<any, any>

 

Dziękuję :)