传递一个样式道具给react组件

Question

我有一个typescript Next.js应用程序行为不当(或者我只是愚蠢)。
有一个组件<CluckHUD props="styles.Moon" />应该作为css类名传递主题。这应该是在每个页面的基础上定制主题。

这里组件

export default function CluckHUD({ theme }: { theme: any }) {
return (
<nav className={{...theme}}>
<ul className={styles.navbarNav}>

(是的，它们都有结束标签，是的，我在第一个文件中导入了组件)

除非一切运行，类是[object Object]。是我遗漏了什么，还是整个方法都错了?

Answer 1

有一个简单的方法可以解决你的问题。
请在项目中使用classnames节点模块。