Sekarang Anda mungkin juga ingat bahwa kami memiliki sedikit tambahan di sini di tempat ini dan kami
baru saja bekerja ketika kami menunjukkan orang maka sebenarnya warna latar belakang tombol harus berubah untuk membaca dan
mendengar hover stall harus memastikan bahwa kami menata sebuah tombol berbeda jika kita mengarahkannya pada dasarnya.
Sekarang bagaimana kita dapat mengubah gaya secara kondisional seperti ini ketika menggunakan komponen gaya.
Syukurlah itu super super sederhana.
Kami memiliki tombol gaya di sini.
Dan kami ingin mengubah beberapa gaya berdasarkan beberapa keadaan di luar komponen.
Jadi dalam hal ini berdasarkan sumur pertunjukan orang kita sudah mati kita tidak bisa begitu saja melewati
prop untuk meng-stall tombol prop pilihan kita misalnya semua kecuali nama benar-benar terserah Anda dan kemudian memberikan nilai dalam
hal ini keadaan ini tunjukkan orang.
Jadi pada dasarnya keadaan yang penting bagi kami untuk mengubah gaya dan itu adalah untuk menunjukkan
gaya orang karena sebelumnya kami mengubah gaya dan jika memblokir sekarang saya hanya untuk kata-kata adalah keadaan penting pada semua
tombol gaya Prop 2 ini.
Sekarang satu-satunya pertanyaan adalah bagaimana kita bisa menggunakan ini semua bagian dalam komponen tombol gaya kami untuk mengubah warna latar
belakang atau untuk mengarahkan kios.
Dan untuk itu kita bisa menggunakan fitur yang rapi tahun ini dengan back take adalah template literal itu
javascript biasa yang pada akhirnya menciptakan string.
Nah, itu adalah string di mana kita dapat menyuntikkan konten secara dinamis dengan sintaks khusus.
Dan sekali lagi ini hanya JavaScript tidak ada hubungannya dengan reaksi.
Anda dapat dengan tanda dolar dan kemudian dua kurung kurawal di sini ini memungkinkan Anda untuk memasukkan sesuatu secara
dinamis ke dalam string panjang yang dibuat di sini.
Dan di sini kita benar-benar bisa mendapatkan fungsi di mana kita menerima alat peraga dan kemudian kita harus mengembalikan nilai yang ingin
kita render di tempat ini dan di sana kita dapat memeriksa apakah alat peraga semua yang merupakan alat peraga
yang saya tambahkan di sana jika Anda ingat di sini semua jika Ayah pada akhirnya benar dalam kasus kita di
sini atau tidak, jadi di sini kita dapat memeriksa alat peraga dengan ekspresi ternary apakah data itu benar.
Di sini kita ingin memiliki latar belakang merah.
Kalau tidak, kami ingin menjalankan greenback dari sebelum beberapa mengembalikan string di sini.
Sekarang ekspresi dinamis ini di sini juga diteruskan ke metode spot dan belum secara otomatis oleh javascript.
Dan ini juga merupakan pajak mendadak atau penggunaan literal templat ini yang dipahami oleh paket komponen gaya jika
kita menyuntikkan fungsi tersebut ke string gaya ayah di sini paket komponen gaya akan melihatnya dan akan meneruskan alat peraga yang kami
lewati ke tombol untuk fungsi itu sehingga kita bisa berharap itu sebagai argumen untuk fungsi itu di sini dan
kemudian kita bisa menggunakan alat peraga di sini dan mengembalikan teks yang seharusnya menjadi output di
sini dan yang harus digunakan dalam gaya dan yen.
Dan karena itu sekarang jika kita menyimpan ini dan ini memuat kembali Anda melihat ini masih
hijau tetapi jika Anda mengkliknya memiliki latar belakang merah dan ini semua dilakukan karena di bagian kepala jika kami memeriksa gaya kami
lagi Anda lihat di sini kami mendapat persyaratan gaya kita lebih baik kembali pada warna hijau dan kita juga mendapat warna latar belakang merah di
sini dengan tampilan yang berbeda mengatakan kelas itu agak sulit dibaca karena dioptimalkan dan dikompresi di sini tetapi
di sini Anda melihat warna latar belakang merah.
Dan di sana Anda melihat warna latar belakang hijau dan ini adalah CSF yang berbeda
memiliki kelas pada akhirnya yang digunakan untuk menambahkan warna-warna ini dan paket komponen gaya hanya akan menukar kelas-kelas ini di
sini jika Anda memeriksa tetapi kemudian menonton kelas di sebelah kanan akan bertukar kelas-kelas ini berdasarkan kondisi kami.
Jadi itu semua tanda kutip ajaib yang dilakukan oleh paket itu.
Dan tentu saja kita dapat menggunakan sintaks di sini tidak hanya di tempat ini tetapi juga menggunakannya di
sini untuk memiliki Selman sebagai warna latar belakang atau hijau muda atau semua di sana warna yang saya gunakan sebelumnya hitam.
Jadi itu tidak berubah.
Jadi kita tidak perlu mengubahnya di sini kita tidak perlu menambahkan sintaks khusus ini di sini.
Jadi dengan itu jika kita sekarang memuat ulang jika saya mengkliknya kita memiliki tombol merah dengan latar belakang Salmond
jika saya mengarahkan kursornya atau kita tidak melihat orang memiliki tombol hijau dengan tombol hijau muda.
Ini adalah komponen yang ditata dan komponen yang ditata adalah sebuah paket yang memberi kita cara yang sangat populer untuk menggabungkan
CSX dan JavaScript di mana kita menulis CSX normal tetapi kita mencampurnya dengan sintaks javascript ini dan paket komponen yang diinstal kemudian melakukan semua
keajaiban mengekstraksi ini dengan memasukkannya ke dalam a C as adalah kelas dan menambahkan kelas ini secara
dinamis ke tombol ini yang tidak membuat metode tempat dalam kasus ini menciptakan dan kemudian kita dapat
menggunakan ini di sini sebagai komponen reaksi reguler yang kebetulan memiliki beberapa gaya yang melekat
padanya.
Oleh karena itu komponen gaya pasti juga merupakan paket yang dapat saya sarankan agar Anda melihatnya
jika Anda ingin menata komponen Anda.