Javascript React中链样式的一些解决方案？

在react using css模块中，我将类分配给这样的组件

import styles from './styles.module.css'

const SomeComponent = () => (
  <ChildComponent className={styles.SomeClass + ' ' + styles.AnotherClass} />
)

<ChildComponent className={`${styles.SomeClass} ${styles.AnotherClass}` />

<ChildComponent className={styles.SomeClass.AnotherClass.OneMoreClass />

从“./styles.module.css”导入样式
常量SomeComponent=（）=>(
)

或者我可以这样分配

import styles from './styles.module.css'

const SomeComponent = () => (
  <ChildComponent className={styles.SomeClass + ' ' + styles.AnotherClass} />
)

<ChildComponent className={`${styles.SomeClass} ${styles.AnotherClass}` />

<ChildComponent className={styles.SomeClass.AnotherClass.OneMoreClass />

您是否建议如何转换样式变量，我们可以这样分配类

import styles from './styles.module.css'

const SomeComponent = () => (
  <ChildComponent className={styles.SomeClass + ' ' + styles.AnotherClass} />
)

<ChildComponent className={`${styles.SomeClass} ${styles.AnotherClass}` />

<ChildComponent className={styles.SomeClass.AnotherClass.OneMoreClass />

---

当然，我们可以用一两节课或尽可能多的时间来讨论：@plichard，酷！我滚动了一半的讨论-没有什么像styles.SomeClass.AnotherClass.OneMoreClass那样，我应该再滚动一次吗？有没有可能？您需要定义一个自定义类，该类映射

样式

对象的属性以适应链接。这里有一个简单的例子，但我不能保证它是一个解决方案。@pilchard，是的。非常感谢。需要进行一些更改，因为一种样式可以在不同组件的组件中使用，所以对于每个属性，我们需要一个不同的此类对象，然后可以开始链接。否则，这就是解决方案。而且_end不需要，最好用toString（）替换它是的，当然，

toString（）

是一个更优雅的解决方案，编辑沙盒。很高兴这有帮助。