Reactで複数のclassNameにclassを追加する方法

Reactで複数のクラスをclassNameに追加する方法を紹介します。 複数のクラスを追加する方法はとても単純で、 template literalsを使うだけです

具体的には、下記のように${class1} ${class2}のように追加してあげれば良いのです。

const Home = () => {
  const primary = "primary"
  const btn = "btn"
  return (
   <button className=`${primary} ${btn}`>button</button>
  )
}

参考 How to add multiple classes to a ReactJS Component?