Comment utiliser enum comme accessoires dans react / typescript

Question

J'ai l'énumération suivante

export enum Sizes{
    Small,
    Large
}

qui s'habitue dans mon <Demo/> interface des accessoires du composant:

export interface IProps{
    Label?: string;
    Size: SizeEnum;
}

Ma question est, lorsque j'utilise ce <Demo Size={how do i define size here?} />?

Answer 1

Vous pouvez simplement référencer la valeur enum comme vous le feriez dans tout autre contexte:

export enum Sizes{
    Small,
    Large
}

export interface IProps{
    Label?: string;
    Size: Sizes;
}

class Demo extends React.Component<IProps> {}

let d = <Demo Size={Sizes.Large} />