ts怎么用type给非对象定义可选值呢？

Question

如函数参数type，它的值只能为default、primary、danger、warning中的一个

Answer 1

如果为了规范可以用枚举

export enum ButtonType {
    Default = 'default',
    Primary = 'primary',
    Danger = 'danger',
    Warning = 'warning',
}

export function setButtonType(type: ButtonType): void {
    
}
// 其他文件可以导入此枚举或者方法
setButtonType(ButtonType.Primary);

Answer 2

也可以这样

type ButtonType = "default" | "primary" | "danger" | "warning";

Answer 3

(type:'default'|'primary'|'danger'|'warning')=>{}

Answer 4

这ts里的常规类型限制啊。

type ButtonType = 'warning' | 'info'

interface ButtonProps {
  type?: ButtonType
}

const props: ButtonProps = {}

props.type = 'info'  // 可以
props.type = 'other'  // 报错