TypeScriptでリテラル型から型を抽出するExtract
4271 ワード
TypeScriptのExtract（抽出）だけでも知っておくいいかもというお話.
TypeScriptを使っていてこんな型を使うことも少なくないはず
type Action =
| {
type: 'text';
id: string;
content: string;
}
| {
type: 'amount';
id: string;
content: number;
}
| {
type: 'route';
id: string;
path: string;
blank: boolean;
};
オブジェクトのリテラル型というやつだ.
こいつのここの部分だけ抽出したいとする.
{
type: 'route';
id: string;
path: string;
blank: boolean;
};
これでOK
const routeAction123: Extract<Action, { type: "route" }> = {
type: "route",
id: "foooooooooo",
path: "/happy",
blank: true
};
活用事例
Author And Source
この問題について(TypeScriptでリテラル型から型を抽出するExtract), 我々は、より多くの情報をここで見つけました https://zenn.dev/nbr41to/articles/af482bbc6b9aac著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Collection and Share based on the CC protocol