将两个 TypeScript 类型连接为一个

Question

我想知道是否有一种方法可以连接两种打字稿类型作为一个例子：

type Size = 'xl' | 'xxl' ...;
let textSize: 'text-' & Size;
// So my type is something like : 'text-xl' | 'text-xxl'

Answer 1

通过使用template literal type。

type Size = 'xl' | 'xxl';
type TextSizeType = `text-${Size}`;

TS 将TextSizeType 解析为

type TextSizeType = "text-xl" | "text-xxl"

这听起来像你想要的。