React props をオプションにし、他の props に基づいて TypeScript で必須にする
P粉738046172
P粉738046172 2023-09-17 13:42:00
0
1
596

ユーザーが使用するプロップによって提供されるタイプに基づいて、通常のボタン、アイコン ボタン、またはアイコンのみのボタンを返す React ボタン コンテナ コンポーネントがあります。以下は、ButtonContainerコンポーネントとPropsの関連する型定義です:

リーリー

ButtonContainer コンポーネントの使用方法は次のとおりです:

リーリー

上記のコードでは、アイコン プロップはアイコンと通常のボタンを持つアイコン ボタンにのみ使用されるため、オプションです。 ButtonContainer から渡されたタイプがテキストの場合にのみアイコン プロパティをオプションにして、ButtonContainer に渡されたタイプが icon または iconOnly の場合は必須プロパティにする必要があります。

P粉738046172
P粉738046172

全員に返信 (1)
P粉803444331

私はユニオンの種類を区別するを使用することを選択します。

type 属性は識別子として機能し、ButtonWrapperProps を共用体メンバーに絞り込むことができます。

また、各共用体メンバーのプロパティを必須にすることができることにも注意してください。これにより、それらを使用するときに優れたエクスペリエンスが得られます。TS は、型が設定された後にどの追加プロパティが必要であるかをプロンプトするのに十分賢いです。

リーリー
いいねを押す+0
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート
    私たちについて 免責事項 Sitemap
    PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!