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