React 中的 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

您可以直接使用 CSS 文件中的类名称，而不是import styles from './hover.module.css'尝试在组件中使用。import './hover.module.css'使用className而不是classname在你的<a> tag