css modules in react

Question

I am having some trouble with css modules in react I dont know how to use react modules in a dynamic way

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

///
///

I want to be able to display the classes showing the value that corresponds to the element in state . is this even possible or should I approach the problem differently I want to be to do some thing like the code below

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

Sabito · Accepted Answer · 2020-11-03 11:30:20Z

3

Instead of import styles from './hover.module.css' try using import './hover.module.css' in your component and you can directly use the class names from your CSS file.

Use classNameinstead of classnamein your <a> tag

edited Nov 3, 2020 at 11:30

Sabito

5,23010 gold badges39 silver badges66 bronze badges

answered Nov 3, 2020 at 11:14

Dark shadow

2252 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

css modules in react

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related