reactjs 使用变量ReactTypescript访问枚举值

cgvd09ve  于 2022-11-22  发布在  React
关注(0)|答案(1)|浏览(105)

我有一个演示here
这是一个超级简单的react应用程序,带有typescript,我只是简单地显示枚举中的值
枚举为

export enum Colors {
    colorOne = 'red',
    colorTwo = 'blue',
    colorThree = 'green',
    colorFour = 'yellow',
    colorfive = 'brown',
}

我可以访问颜色

<p>
    {Colors.colorOne}
</p>

但如果我尝试用变量访问值,它就不起作用

const secondColor = 'colorTwo'

<p>
    {Colors.secondColor}
</p>

这段代码显然是伪代码,但我基本上是尝试通过传递一个变量来访问枚举中的值
是否可以使用枚举执行此操作

w51jfk4q

w51jfk4q1#

你 先 把 它 放在 变量 里

const secondColor = Colors[secondColor]

中 的 每 一 个
然后 调用 变量

<p>
    {secondColor}
</p>

格式

相关问题