反应中的 css 模块

Question

我在 react 中使用 css 模块时遇到了一些麻烦我不知道如何以动态方式使用 react 模块

import classnames from 'classnames'
import styles from './hover.module.css
///
///
const [flashElements,setFlashElements]=useState(elementList.map(element => {
        return element.classes.flash
    }))```

///
///

我希望能够显示显示与 state 中的元素对应的值的类。 这是否可能，或者我应该以不同的方式解决问题我想做一些类似下面的代码的事情

return (
     <a classname={styles.HOVER ,styles.flashElements[i]}>

Answer 1

不要import styles from './hover.module.css'尝试在您的组件中使用import './hover.module.css' ，您可以直接使用 CSS 文件中的类名。

在<a> tag使用className而不是classname