React CSS moudulesでclassNameを複数渡す

※備忘録

React CSS moudulesでclassNameを複数渡すやりかた
テンプレートリテラルを利用して複数渡す

import { 
  hoge,
  active
} from './style.css'


// className切替
const classNameSwitch = (active) => {
  if(active){
     return `${hoge} ${active}`
  } else {
     return hoge
  }
};


const App = ({active}) => (
  <div className={classNameSwitch(active)}>
    hoge
  </div>
);