javascript - React JS 中的条件样式

Question

谁能给我解释一下？我有这样的代码

<Card className={clsx(classes.card, noShadow && classes.noShadow)}>

建议我以这种方式使用它

<Card className={clsx(classes.card, {[classes.noShadow]: noShadow})}

任何人都可以向我深入解释这段代码是如何工作的{[classes.noShadow]: noShadow})

我知道 JavaScript 主题点表示法和括号表示法。但是，我仍然无法弄清楚这是如何{[classes.noShadow]: noShadow})解析内部样式的。