Reactjs 反应：如何在三元结构中添加多个样式类？

我正在我的组件中使用

makeStyles

，但我想添加一个三元来在两种不同的样式之间切换

我有以下资料：

导入或删除类名

import classNames from 'classnames';

并在我的组件中使用它：

            <Badge
              className={
                badgeProps.badgeContent === ''
                  ? classNames(classes.MuiBadge, classes.MuiBadgeDotted)
                  : classNames(classes.MuiBadge, classes.MuiBadgeNumber)
              }

---

不是100%确定，但首先尝试
从“classnames”导入类名

第二，你能做什么

classnames(classes.MuiBadge, {
    [classes.MuiBadgeDotted]: badgeProps && !badgeProps.badgeContent,
    [classes.MuiBadgeNumber]:  badgeProps && badgeProps.badgeContent
})

有关更多信息，请参阅
什么是
classNames
函数，什么是
classes
对象？它是从
导入的，从“classNames”导入classNames嗯，可能是时间问题。为了排除这个问题，如果在渲染之前为每个类名集设置了两个常量，那么就执行三元-它有效吗？我无法复制。你能制作一个说明问题的实时堆栈片段吗？
classnames.module.css
？反应loos for.module.css阅读Styleswave礼貌，提供将答案标记为无用的原因。人们在这里帮助，利用他们宝贵的时间。