时间戳

首页 > 解决方案 > 将导入的 CSS 模块类转换为样式属性

reactjs - 将导入的 CSS 模块类转换为样式属性

问题描述

我想从 CSS 模块文件中导入样式并将其分配给style属性，而不是直接将其写为内联样式。以下代码：

import styles from "./Calculator.module.css"

const Calculator = () => {
 return (
   // ...
   <Card style={styles.darkmode} />
   // ...
  );
};

给出The style prop expects a mapping from style properties to values, not a string错误，因为 styles.darkmode只是一个名称，而不是 JSON 对象。如何将类名转换为有效的 JSON 对象？

我也读过这个问题，但在那种情况下，他得到了 JSON 对象本身，而不仅仅是名称。

标签： reactjsreact-css-modules

解决方案

CSS 模块返回唯一的类名。您应该使用className, 而不是style：

<Card className={styles.darkmode} />

推荐阅读