Tidak ada komponen style yang bagus tapi bagaimana cara kerjanya.
Trik sulap apa yang mereka lakukan.
Nah untuk itu mari kita periksa ini di alat pengembang.
Apa yang kita lihat di sana jika kita mengharapkan kematian yang diberikan ini adalah bahwa mereka memiliki kelas CSF yang menyertainya.
Kelas dengan nama yang sangat aneh yang kita tidak mendefinisikan nama kelas ini secara otomatis ditambahkan oleh pustaka
komponen gaya karena perlu diingat bahwa kematian ini di sini sebenarnya adalah output
dari metode kematian ini.
Baik.
Kami tidak membuat kematian.
Kami memberikan gaya yang mereka miliki di sini yang merupakan hasil dari memanggil metode dev di
sini dan akhirnya dengan notasi template kebijaksanaan ini.
Jadi metode diff ini mengembalikan komponen reaksi yang akhirnya membuat kematian reguler div reguler dengan
C seperti kelas.
Dan dari mana asal kelas ini.
Yah kita bisa melihat bahwa di kepala dokumen ini kita akan melihat tag gaya atau pajak beberapa
gaya sebenarnya.
Dan jika kita melihat teks gaya ini gaya ini membawa di sini khusus dengan atribut ini di sini kita melihat
ada nama kelas yang aneh ini lagi.
Sehari kemudian kami menemukan gaya yang kami siapkan di sini.
Jadi gaya yang kami atur di sini tidak ditambahkan sebagai gaya inline melainkan paket komponen gaya
yang membawanya menempatkan kami untuk melihat kami sebagai penyeleksi kelas dan menambahkannya ke kepala dokumen dan kemudian
hanya menambahkan CSO yang sesuai sebagai kelas ke div yang dikembalikan oleh komponen ini atau yang dibuat sebagai
bagian dari komponen ini.
Ini adalah bagaimana komponen gaya bekerja di bawah tenda yang sangat bagus karena itu berarti Anda
tidak bekerja dengan gaya sebaris yang dapat memiliki kerugian tertentu.
Misalnya Anda tidak benar-benar memanfaatkan sifat cascading C. S. dengan mereka.
Tidak.
Alih-alih, Anda memiliki C reguler karena kelasnya dikelola secara otomatis untuk Anda oleh komponen gaya yang menjadikan
ini solusi yang sangat hebat.
Mari juga diterapkan ke penawaran aplikasi GST di aplikasi J. S ..
Kami juga memiliki beberapa gaya di sini yang sebelumnya kami tambahkan dengan radium seperti yang kami lakukan secara langsung.
J. S. Ngomong-ngomong kita juga bisa menghilangkan style konstan di sini kita tidak membutuhkannya lagi.
Kami telah menata komponen tetapi aplikasi memiliki itu sama.
Kami mendapat konstitusi gaya ini.
Kami tidak membutuhkannya lagi seperti ini karena kami tidak menggunakan radium lagi.
Sekarang gaya konstan ini penting untuk tombol kita.
Jadi pada akhirnya yang ingin kita buat adalah tombol yang macet di sebelah kanan.
Sekarang lagi kita dapat melakukan ini dengan paket komponen yang terhenti dan catatan samping tentu saja
Anda dapat semua cerita komponen gaya Anda dalam file terpisah dan kemudian menggunakannya kembali di beberapa
file jika Anda perlu mendengar saya kebetulan hanya membutuhkan Dave dan orang ini saja komponen dan tombol itu di
komponen aplikasi tetapi Anda benar-benar dapat membaginya di seluruh file.
Jadi di sini saya mengimpor gaya dari komponen gaya lagi dan dengan itu saya ingin membuat gaya saya.
Tombol jadi di sini saya akan memiliki tombol gaya saya.
Tentu saja Anda dapat memberi nama konstanta ini sesuka Anda dan di sana.
Saya membuat dengan tombol gaya seperti ini lagi menggunakan sintaks template kebijaksanaan ini di sini.
Sekarang di sini kita memiliki gaya kita yang dapat kita salin dalam gaya itu konstan dan ditambahkan di sini dalam literal template kita.
Sekarang kita tidak perlu tanda kutip di sini karena kita sedang menulis C. S. ada di sini.
Itu penting.
Anda menulis C. reguler S. ada di sini.
Jadi, Anda juga harus menggunakan CSA biasa sebagai properti.
Anda tidak menggunakan kasing unta lagi di sini karena apa yang Anda tulis di surat wasiat Anda akan berakhir di kepala
dokumen Anda di antara pajak gaya seperti yang Anda lihat sebelumnya.
Jadi kita menulis C biasa seperti di sini kita tidak perlu mematuhi sintaks javascript khusus di
sini karena hanya C. S. jadi mari kita tambahkan tanda koma di akhir setiap baris hapus
semua tanda kutip dan singkirkan semua notasi unta.
Sekarang hal keren tentang komponen style adalah Anda bisa menambahkan hover selektor semu seperti ini dengan
sedikit penyesuaian.
Anda perlu menambahkan simbol Ampersand di depannya dan ini akan memberi tahu paket komponen
gaya bahwa ini milik tombol ini yang tersebar dan bahwa di sana itu harus menerapkannya melayang-layang gaya.
Atau waspadai gaya hover ini bahwa di sini kita memiliki warna latar belakang hijau muda seperti itu dan
warna hitam seperti ini.
Jadi ini adalah bagaimana kami menerjemahkan ini ke CSA biasa sebagaimana diterapkan pada tombol ini yang dibuat oleh ini.
Metode tombol pada akhirnya dan sekarang kita dapat menggunakan tombol berhenti itu.
Jadi mari kita pergi ke sini dan mari kita ganti tombol kita di sini dengan tombol gaya.
Sekarang yang penting kami tidak berlaku untuk gaya inline seperti ini lagi.
Kami masih dapat menambahkan klik karena komponen tombol ini yang dibuat oleh paket komponen
gaya memiliki semua alat peraga normal setiap tombol.
Jadi pada ujung klik masih tersedia di sana.
Jika sekarang kita simpan itu dan kita memuat kembali kita masih melihat tombol di sini dan Anda melihat fakta melayang ketika
saya akan mengarahkannya dan hanya untuk membuktikan lagi bahwa ini berasal dari komponen style.
Jika saya untuk sementara menghapus kode hover di sini, Anda lihat sekarang saya tidak memiliki efek hover di sini.
Jadi itu benar-benar komponen gaya yang melakukan pekerjaan mereka.
Mari kita reaktif.