NextJS TypeScript如何为字符串定义枚举

osh3o9ms  于 2022-12-12  发布在  TypeScript
关注(0)|答案(1)|浏览(137)

在我的nextjs-app中,我有一个组件,它有一个string类型的prop。现在我想定义一个enum,所以我尝试这样做:

enum Label {
 dermatology = 'Dermatologi',
 psychology = 'Psykologi',
 rheumatology = 'Reumatologi',
 physiology = 'Fysiologi',

}

interface ISpecialist {
  label?: Label
}

export default function Specialist({ specialist }: { specialist: ISpecialist }) {
   return (
      <div>
        <span>{specialist.label === Label}
      </div>
   )
}

但是这个不行-谁能帮帮我吗?
prop标签是如前所述的类型字符串,并且值例如是'psychology''dermatology'

x759pob2

x759pob21#

如果要打印枚举的相应值,请像访问枚举键一样访问它。

<span>{Label[specialist.label] }

相关问题