How to define more than one css module class in React?

Question

React

import root from './root.module.scss';

      <header className={root.classFirst, root.classSecond}>

How to define 2 classes at once?

Answer 1

If they are strings, then just

const root = {
  classFirst: `foo`,
  classSecond: `bar`,
};

<header className={`${root.classFirst} ${root.classSecond}`} />