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:
.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:
.common-btn {
composes: beauty from "../App.module.css";
font-size: 16px;
border-radius: 3px;
}
Ambil kod aplikasi anda dari tugasan untuk pelajaran lepas dan buat sebarang bayang untuk input anda menggunakan cara yang diberikan dalam pelajaran ini.
