【TypeScript】?って何?Propsのオプションを指定する

TypeScript

初めてTypeScriptを使用した際、プロパティについている「?」ってなに???となっていたのですが、これを読めば解決します。

プロパティについている「?」とは??

そのプロパティが、オプション(任意)であることを示しています!

逆に、?を書かなければ、そのプロパティは必須となります。

プロパティをオプションにする方法

Propsは何もしなければ省略不可ですが、あえて省略可能にする方法に言及します。

<Partial>を使用する

// 全てオプション設定になる
type infoProps = Partial<{
    id: number
    name: string
}>

?をつける

type infoProps = Partial{
    id?: number // オプション
    name?: string // オプション
    age: number // 必須
}
タイトルとURLをコピーしました