はじめに
まだ作りかけです。
江戸時代の時代劇を見るのに八代目将軍吉宗、とか言いますよね。
BOXをクリックすると名前が出たり消えたりするので遊んでみて下さい。
初代の家康と5代目綱吉、8代目吉宗、最後の15代目の慶喜は始めは出た状態ですが、これもクリックすると消えます。
実行例
See the Pen shogun by kalz2q (@kalz2q) on CodePen.
説明
複数のclassNameを指定する方法がわかったので使いました。
className={`${data[id].color} ${"BOX"}`}
と言うようにします。