Masalah utama menggunakan css tindak balas strikethrough ialah sukar untuk digayakan dengan betul. Ini kerana gaya lalai untuk coretan tidak begitu khusus dan tiada sokongan terbina dalam untuk menyesuaikannya.
<del>This text is no longer relevant</del>
Baris kod ini menggunakan teg HTML 'del' untuk menunjukkan bahawa teks yang disertakan oleh teg ini tidak lagi berkaitan.
Menggayakan Reaksi Menggunakan CSS
Menggayakan React dengan CSS boleh menjadi agak rumit pada mulanya, tetapi setelah anda membiasakannya, ia boleh menjadi sangat menyeronokkan. Berikut ialah beberapa petua untuk membantu anda bermula:
1. Gunakan Kelas dan Sifat
Satu cara untuk menggayakan komponen React ialah menggunakan kelas dan sifat. Sebagai contoh, anda boleh menggunakan nama kelas "butang saya" untuk menggayakan semua butang anda dalam apl anda, dan kemudian menggunakan sifat "gaya" untuk menetapkan gaya untuk kelas tersebut. Berikut ialah contoh:
kelas MyButton memanjangkan Komponen { … style = { color : '#000' } }
2. Gunakan Mixin dan Utiliti
Cara lain untuk menggayakan komponen React ialah menggunakan mixin dan utiliti. Sebagai contoh, anda boleh menggunakan "butang gaya" campuran untuk mencipta helaian gaya boleh guna semula untuk semua butang anda dalam apl anda, dan kemudian gunakan fungsi utiliti "warna butang" untuk menetapkan warna untuk semua butang menggunakan campuran itu. Berikut ialah contoh:
import { StyleButton } daripada './style-button' ; const ButtonColor = ( props ) => { return props . warna ; } eksport StyleButton lalai;
