Javascript react中的css模块

我在react中遇到了一些css模块的问题，我不知道如何以动态方式使用react模块

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

///
///

我希望能够显示显示与状态中的元素对应的值的类。这是可能的，还是我应该以不同的方式处理问题 我想做一些类似下面代码的事情

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

尝试在组件中使用import./hover.module.css'而不是从'./hover.module.css'导入样式，您可以直接使用css文件中的类名

在标记中使用ClassName而不是ClassName，而不是从组件中的“/hover.module.css”尝试使用导入“/hover.module.css”导入样式，您可以直接使用css文件中的类名

在标记中使用ClassName而不是ClassName