Javascript 如果存在样式名，请签入react组件

我计划动态调用我在React组件上导入的css选择器。 但如果一种风格不存在，它就会抛出一个错误

Uncaught错误：无法解析样式名“dynamicvalue3”。

在react中是否可以进行如下检查

isClassExists（'dynamicvalue3'）

例如： 这是我的css文件示例内容。文件名为

mycustomcss.styles.css

.dynamicvalue1 {}
.dynamicvalue2 {background-color: #87c930;}

我的react组件的渲染方法是

import theme from './mycustomcss.styles.css';
.....
const badge = /* This will be fetch dynamically. And the values will vary from dynamicvalue1, dynamicvalue2 etc.. */;
.....
return (<div styleName={badge}>Text here</div>}/>);

从“/mycustomcss.styles.css”导入主题；
.....
const badge=/*这将动态获取。这些值将在DynamicValue 1、DynamicValue 2等之间变化；
.....
返回（此处为文本}/>）；

问题: 由于

dynamicvalue3

不存在，它将抛出一个错误。所以我在想这种方法是否真的可行

---

谢谢

像这样检查

主题。dynamicvalue3

如果存在，它将返回一个真实值

const badge = theme.dynamicvalue3 ? theme.dynamicvalue3 : theme.dynamicvalue2

---

你好您可以添加一些代码作为示例吗？你的问题很难理解：）无论如何，如果我理解正确，如果你有

ref

元素，你想检查它是否有CSS类，你可能想看看

元素。classList

方法：@Jolly，我现在添加了示例，希望更清楚。谢谢