檢入react組件是否存在styleName

Question

我打算動態調用我在React組件上導入的CSS選擇器。 但是，如果樣式不存在，則會引發錯誤

Uncaught Error: Could not resolve the styleName 'dynamicvalue3'.

是否有可能做出這樣的檢查isClassExists('dynamicvalue3') ？

示例：這是我的css文件示例內容。 文件名是mycustomcss.styles.css

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

在我的react組件的render方法上是

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>}/>);

問題：由於dynamicvalue3不存在，它將引發錯誤。 所以我在想這種方法是否確實可行。

謝謝

Answer 1

像這個theme.dynamicvalue3這樣檢查它，如果存在，它將返回真實值

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