Html 在React中使用CSS常量有正确的方法吗？

我想在CSS文件中使用常量。我目前的方法是在一个单独的常量文件中使用CSS变量，然后将该文件导入到我的App.tsx文件中。这使得它可以在任何地方使用。例如：

在constants.css中：

:root{
--bg-color: white;
}

在component.css中：

.class {
color: var(--bg-color);
}

在App.tsx中：

import "./constants.css";

这是可行的，但我想确保我坚持最佳实践。有更好的方法吗？

“最佳方法”是可以讨论的，尽管您所做的似乎是一种稳定的方法。其他CSS框架，如Material UI Design，也有一个全局样式表（类似于您正在做的），可以导入到应用程序中，并在需要的任何组件中访问。全局常量有效地使用一次编写并可在其他地方重用