Next.js模块css多个类名

Question

我在项目中使用 Next.js 和 module.css 。但我有一个问题。我在组件内有一个“按钮”组件。我想为该按钮组件提供普通的 className 和 Style.myClass 。有没有办法做到这一点？

抱歉，这个问题可能有点复杂，您可以通过下面的示例更好地理解

<Button className={(Style.MyModuleCssClass, "my-global-class")}
        size={"large"}
        type="primary"> GET MORE
</Button>

我可以写这样的代码吗？即一个全局类名和一个 module.css 类名

Answer 1

多个类名不是问题，但通常您需要像字符串操作一样将类名放在一起。

  <Button className={`${Style.MyModuleCssClass} my-global-class`} />

除非你有一个库可以帮助你，https://github.com/JedWatson/classnames#readme