Perintah composes untuk Fail dalam CSS modules di React

Perintah composes juga boleh digunakan untuk menggunakan semula gaya dari satu fail dalam fail lain.

Mari kita kembali kepada aplikasi buttons, yang kita buat dalam pelajaran lepas. Katakan, kita mahu menambah semua butang bayang yang sama, gaya kursor dan fon tebal. Biarkan gaya ini terletak dalam fail App.module.css. Mari kita buka fail ini dan tambah pada awalan kelas baru beauty dengan gaya-gaya ini:

App.module.css.beauty { 
  box-shadow: rgba(50, 50, 50, 0.2) 0 5px 5px 0;
  font-weight: bold;
  cursor: pointer;
}

Mari kita gunakannya untuk menggayakan butang. Untuk ini, buka Buttons.module.css dan buat perubahan dalam kelas common-btn. Kami akan menambah baris dengan perintah composes, di mana kami nyatakan nama kelas beauty, yang kami mahu gunakan dan fail App.module.css, di mana kelas ini terletak:

Buttons.module.css.common-btn {
  composes: beauty from "../App.module.css"; 
  font-size: 16px;
  border-radius: 3px;
}