デイトラモダン開発 DAY11　共通ボタンのコンポーネントを作成しよう

CSS Modulesについて

クラスの書き方により、タグの書き方が変わる。

①キャメルケースの場合
.buttonTest {
}
②ハイフンで繋ぐ場合
.button-test {
}

①キャメルケースの場合
<span className={styles.buttonTest}></span>
②ハイフンで繋ぐ場合
<span className={styles["button-test"]}></span>

上記でわかるとおり、①キャメルケースの方が記述量が少ない。