是否可以使用uuid在react中创建一个唯一变量并将其传递到sass中？

Question

我想知道是否可以创建一个唯一的变量，然后将其附加到我的 React 组件的类名上，并传递到 Sass 样式文件中以定位这些特定组件。

每次运行应用程序时都会生成这个唯一变量

我尝试在网上查找多个不同的短语，看看是否能找到任何合适的示例，但在过去的一个小时里没有任何运气。所以，很想知道这是否可能。

我正在尝试仅通过 ReactTs 和 Sass 来实现这一目标。

Answer 1

您可以使用CSS模块:

styles.modules.scss

.myClass {
  // ...
}

组件.tsx

import styles from "./styles.modules.scss";

const MyComponent = () => (
  <div className={styles.myClass}>
    {/* ... */}
  </div>
);

CSS 模块的支持和实现将取决于您用来运行应用程序的工具。