web-dev-qa-db-ja.com

反応/タイプスクリプトで小道具として列挙型を使用する方法

私は次の列挙型を持っています

export enum Sizes{
    Small,
    Large
}

これは私の<Demo/>コンポーネントの小道具インターフェイス:

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

私の質問は、これを使用するときは<Demo Size={how do i define size here?} />

8
ZeroDarkThirty

他のコンテキストで行うように、列挙値を参照するだけです。

export enum Sizes{
    Small,
    Large
}

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

class Demo extends React.Component<IProps> {}

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