如何在 React 的 module.css 中将主文件夹中的变量作为属性传递

Question

在使用 module.css 样式的 React 项目中，我想创建一个包含常用变量的主文件夹，例如示例文件 variable.js 我将在其中放置

export const colors = {
    buttonBackground:"#FFFFFF"
}

我想转给某个类。如果在 list.module.css 文件中我会写：

import {colors} from "..."

.complete {
   background-color:${colors.buttonBackground}
}

或者应该用不同的方式编码？抱歉，我现在没有可能自己测试它，这就是我编写和描述它的原因。

谢谢

问候

Answer 1

如果您需要使用一些 js 常量，您可以查看 JSS，这是一种编写 css in js, you can integrate JSS in your react app using this guide

的方法

how to pass variable from main folder as property in module.css in React