How to correctly set the class?

Question

React

I use the module.css approach in my work. In order to set a class, I have to write What should I do if I use hooks and I need to specify several classes?
<div className={styles.tabsContentWrap}></div>

<div
          className={
            toggleState === 1 ? "tabsContent active-content" : "tabsContent"
          }
        >
</div>

Write classes only globally or is it possible to somehow write them using css modules?

Answer 1

Use classNames .
Without this, there is no life.)

Answer 2

className={`tabsContent ${toggle === 1 ? 'toggle' : ''}`}

className={`${s.container} ${isMobile ? s.mobile_container : ''}`}>

Answer 3

styles.tabsContentWrapresolves to a regular string
primitively you can do this

className={toggleState === 1 ? `${styles.tabsContentWrap} ${styles.activeContent}` : styles.tabsContent}

better look at the "classnames" library, it makes it easy to compose classes

Answer 4

https://www.npmjs.com/package/classnames

const className = classNames("tabsContent", {"active-content":  toggleState === 1});