您应该使用三元分配:
const classes = withBorder ? `${styles.circularBorder} ${styles.dimensions} ${styles.circularPadding} row flex-items-xs-middle flex-items-xs-center` : `${styles.dimensions} ${styles.circularPadding} row flex-items-xs-middle flex-items-xs-center`正如其他评论/答案中所指定的,
let并且
const它们是受限制的范围,因此这就是它们在您的示例中不起作用的原因。
对于DRYer代码,您还可以在字符串文字内部嵌套三进制:
const classes = `${withBorder ? styles.dimensions: ''} ${styles.circularBorder} ${styles.dimensions} ${styles.circularPadding} row flex-items-xs-middle flex-items-xs-center`


