Jadi komponen yang terhenti adalah cara yang cukup bagus untuk mencampur javascript dan CSX dan mendapatkan elemen komponen H
elemen HTML dengan gaya dinamis tertentu yang mungkin ditambahkan ke dalamnya.
Sekarang banyak orang menyukai komponen yang macet dan Anda mungkin sudah tahu mengapa sekarang.
Saya juga suka komponen yang ditata tetapi saya pribadi juga penggemar CSA karena Stead dicakup dalam file atau cakupan
tertentu untuk komponen tertentu dan masih hidup di dalam CSA sebagai file.
Meskipun saya pribadi bukan penggemar terbesar dari campuran CSR dan JavaScript ini karena memuat sedikit
file JavaScript.
Kami memiliki semua kode tambahan di sana dan karena banyak kemudahan atau lingkungan yang tinggi, Anda hanya mendapatkan dukungan IDE yang
buruk ketika menulis kode di sini.
Penyelesaian otomatis dan seterusnya untuk perintah as as dan CSA karena nilainya jauh lebih baik di C adalah
sebagai berikut biasanya sehingga Anda tidak dapat benar-benar menggunakannya tetapi saya pribadi bukan penggemar terbesarnya dan
jadi saya ingin menunjukkan kepada Anda belum cara pelingkupan gaya lain untuk komponen Anda.
Jadi dari gaya penulisan yang hanya berlaku untuk komponen tertentu daripada keseluruhan aplikasi karena itu
adalah hal yang penting.
Seringkali Anda benar-benar ingin memastikan bahwa gaya Anda tidak berlaku di mana-mana di mana saja dalam aplikasi Anda,
tetapi hanya untuk bagian-bagian tertentu.
Sebagai contoh jika kita akan mengambil kode ini di sini dan untuk sementara waktu di mana kita ingin mengubahnya
secara dinamis kadang-kadang jika kita mengambil kode ini di sini dan menambahkannya ke aplikasi CSA maka kita bisa melewati tahun ini ke dalam kelas tombol
katakanlah mari kita pindahkan ini ke dalam di sini dan kemudian di sini kita memiliki sesuatu dengan klausa tombol dan keadaan
hover yang mendapatkan gaya ini dan kemudian di sini tentu saja kita tidak memiliki kode
dinamis ini tetapi kita hanya memiliki hijau di sini dan kita hanya memiliki lampu hijau di sana dan ini akan menjadi kode yang valid tetapi sekarang semuanya dengan kelas tombol
akan mendapatkan gaya ini yang berarti jika saya menambahkan klausa tombol di sini ke tombol ini di bawah sana
dan untuk itu saya akan mengembalikannya ke tombol biasa tidak menggunakan komponen gaya menghapus semua atribut
dan hanya menambahkan nama kelas di sini tombol.
Maka tentu saja tombol ini akan mendapatkan gaya itu tetapi tombol lain mana pun di aplikasi dengan nama kelas
yang sama akan mendapatkan gaya yang sama juga.
Jadi jika kita memiliki tombol di J pribadi seperti kita tidak tetapi jika kita punya satu di sini yang juga memiliki tombol C ini
sebagai kelas ini akan mendapatkan gaya yang sama dan mematikan.
Bukan itu yang Anda inginkan, Anda ingin memastikan bahwa gaya atau ruang lingkup Anda untuk komponen
tertentu dan yang dapat dicapai dengan konsep baru juga.
Untuk modul CSX saya akan menghapus tombol yang macet di sini karena saya tidak membutuhkannya lagi.
Hapus komponen yang macet dan sekarang agar modul CSX berfungsi.
Kita perlu sedikit men-tweak konfigurasi proyek kita.
Konfigurasi build yang mendasarinya sehingga konfigurasi yang mengambil kode kita mengubahnya dan menggabungkannya
menjadi lebih tepat.
Kita perlu mengubah konfigurasi jika kita menggunakan skrip reaksi.
Tampil satu di sini.
Saya merekomendasikan versi ini karena dengan itu Anda benar-benar mendapatkan pengaturan awal di mana
Anda memiliki komponen berbasis kelas di sini yang membuatnya lebih mudah untuk mengikuti dalam kursus ini di
mana kita mulai dengan komponen berbasis kelas dan kemudian fokus pada komponen fungsional dengan kait lebih detail. .
Jadi itu sebabnya saya menggunakan versi 1 di sini.
Jika Anda menggunakan skrip reaksi kata 2 atau lebih tinggi, Anda memiliki pendekatan alternatif untuk mengaktifkan fitur ini. Saya akan menunjukkan
di sini, namun saya menggunakan versi 1, jadi kami akan menunjukkan kepada Anda pendekatan yang bekerja dengan
versi ini.
Untuk itu Anda harus keluar dari server pengembangan Anda dan kemudian jalankan NPM run eject di folder proyek Anda.
Menjalankan skrip ini.
Apa yang akan dilakukan adalah mengeluarkan dari konfigurasi ini di bawah kap di mana Anda tidak benar-benar memiliki akses
ke file konflik dikemas web yang mendasarinya dan seterusnya dan memberi Anda akses ke file konflik sehingga
Anda dapat mengubah cara kode Anda dibundel bersama-sama dan seterusnya dan ada sesuatu yang perlu kita
tweak di sana.
Jadi, jika Anda menjalankan NPM, jalankan eject di sini, tanyakan apakah Anda ingin menyuntikkan setiap tindakan dan Anda
dapat menjawab mengapa Anda bebas ya dan Anda mungkin mendapatkan kesalahan.
Saat saya tiba di sini bahwa Anda memiliki perubahan yang tidak dikomit.
Untuk itu saya hanya akan menambahkan dan Anda melakukan.
Ini hanya berlaku jika Anda menggunakan get for control versi jika Anda tidak menggunakan itu Anda tidak akan
mendapatkan kesalahan itu.
Jadi saya akan segera membuat komite dan kemudian jalankan kembali dan Pam Brown mengeluarkan dan Sir Y untuk ya di sini dan sekarang apa yang Anda dapatkan
adalah skrip baru dan kemudian Anda dapat berpikir folder dan dalam folder konflik di sini Anda akan menemukan konflik halaman web tetapi File karakter
DAF dan konflik halaman web menyebabkan prod J. S. mengajukan.
Ini sudah file konfigurasi yang digunakan di bawah tenda oleh alat reaksi ini di sini.
Anda akan melihat paket File Jason sekarang semua berubah.
Kami memiliki lebih banyak paket di sini sekarang.
Ini adalah paket India yang digunakan di bawah tenda dengan membuat aplikasi reaksi untuk memberi Anda server pengembangan itu
dan membangun aplikasi Anda dan menggabungkannya.
Dan jika Anda sebagai konsekrasi disk untuk spec web yang merupakan alat yang digunakan untuk semua itu sekarang maka ada
banyak hal yang dapat Anda atur dan Anda hanya boleh men-tweak mereka jika Anda benar-benar tahu
apa yang Anda lakukan.
Ada satu opsi spesifik yang penting bagi kami.
Jika Anda gulir ke bawah sampai Anda menemukan benda tes CSA di sini, Anda akan melihat bahwa kami menggunakan CSR sebagai pemuat dan
di sana Anda akan menemukan beberapa opsi.
Dan sekarang ini adalah bagian yang dapat Anda atur dan yang harus Anda atur jika file konfigurasi Anda
terlihat sedikit berbeda.
Lihat juga kuliah teks setelah kuliah ini di mana saya menunjukkan file konflik yang tampak berbeda dan
bagaimana Anda akan menyesuaikannya.
Jadi lihatlah kuliah ini dalam hal ini jika terlihat seperti ini maka inilah yang
perlu Anda tweak dalam opsi di sini.
Anda memiliki import loader 1 sekarang di sana Anda semua harus menambahkan entri modul dan mengatur ini menjadi
true dan kemudian entri nama indentasi lokal yang Anda tetapkan ke string yang akan terlihat seperti ini.
Tanda kurung kotak garis bawah tanda kurung kotak lokal antara tanda kurung garis
bawah tanda kurung basis hash 64 5.
Nah, itu terlihat sangat aneh.
Apa arti semua ini?
Ini memungkinkan untuk melihat kami sebagai fitur modul yang akan kami gunakan dan ini akan digunakan oleh fitur
tersebut untuk secara dinamis menghasilkan CSA unik sebagai nama kelas pada akhirnya.
Sekarang kita semua perlu melakukan hal yang sama di profil sehingga Anda dapat menyalin dua baris ini
pergi ke profil konflik halaman web dan juga mencari tes S di sana dan mereka semua menambahkan dua entri ini ke opsi ini
dari CSA sebagai loader.
Sekarang dengan itu Anda dapat menjalankan kembali NPM mulai dan sekarang seharusnya masih berfungsi dengan baik tanpa masalah.
Sekarang apa yang kita dapatkan dengan menambahkan item konfigurasi D jika kita masuk ke aplikasi J S kita sekarang dapat mengimpor dari file
C as dengan cara yang berbeda.
Kami dapat mengimpor dari raksasa misalnya dan Anda dapat menyebutkan tahun ini siapa pun yang Anda inginkan.
Sekarang ini adalah cara berbeda untuk mengimpor dari CSA sebagai file yang sekarang didukung oleh skrip
tagihan yang mendasarinya karena tweak kami baru saja kami buat.
Apa yang akan dilakukan adalah mengimpor semua kelas yang kami ekspor di sini misalnya tombol yang akan saya beri
label huruf besar B tidak perlu melakukan itu.
Hanya ingin melakukannya agar sejalan dengan aplikasi.
Ini akan mengimpor kelas-kelas ini di sini.
Pada akhirnya tanyakan properti pada objek ini.
Apa artinya ini.
Ini berarti bahwa jika kita masuk ke tombol kita, saya tidak menambahkan tombol seperti ini.
Sebaliknya di sini kita menambahkan sesuatu secara dinamis.
Kami menunjuk tombol mulai kelas.
Sekarang kita perlu berhati-hati di sini karena saya sudah mendapatkan konstanta kelas di sini.
Jadi untuk menghindari bentrokan nama, saya akan mengganti nama menjadi dua kelas yang ditugaskan di sini dan di sini dan di sini dan apa yang saya
dorong di sini tidak merah, melainkan kelas yang menghindari merah mengacu pada impor yang kami impor
dari file CSX dan di sini kelasnya
dicetak tebal sekarang kita semua perlu men-tweak ini di sini dan menunjuk pada aplikasi kelas dot begitu efektif saya menunjuk
properti ini pada objek kelas ini dan properti yang saya tunjuk adalah nama-nama kelas.
Saya mengatur aplikasi C. S. s Tombol aplikasi rad tebal.
Sekarang apa yang saya lakukan di sini untuk melihat kami sebagai fitur modul adalah fitur yang diterapkan oleh beberapa alat yang merupakan
bagian dari proses pembangunan.
Jadi jika proses yang mengambil kode kita lalu mengkompilasinya mentransformasikannya dan menggabungkannya bersama-sama dan proses
ini hanya mendeteksi impor semacam ini dari file CSX dan memahami bahwa kita tidak hanya ingin menambahkan
CSX seperti apa adanya tetapi sebaliknya sekarang melihat ke dalam file CSX mengubah setiap nama kelas di sini menjadi yang
unik menjadi acak unik dan mengembalikan kepada kami peta dari nama-nama kelas unik yang dihasilkan yang dipetakan ke nama kelas D yang kami pilih
di sini sebagai properti dan merupakan objek yang kami impor sehingga setiap kelas nama yang harus kita lihat karena file-nya
sekarang adalah properti dari objek yang diimpor ini dan nilai untuk setiap properti adalah
nama kelas unik yang dihasilkan secara acak ini yang dihasilkan oleh paket ini.
Hasilnya adalah bahwa jika saya sekarang menyimpan ini Anda akan melihat semuanya masih berfungsi tetapi jika kami menganalisis tempat ini
dan Anda melihat lemari memiliki sekarang sebenarnya tombol aplikasi beberapa hash acak inilah yang saya maksud.
Ini adalah nama yang dibuat secara acak ini mengikuti konvensi penamaan kami yang kami atur di konfigurasi halaman
web pada akhirnya.
Ini dijamin unik hanya di komponen ini hanya komponen web baru sehingga kami tidak dapat berbenturan dengan komponen lain
karena hanya di sini saya mengimpor dari app assassin dengan cara itu jika saya menggunakan katakanlah nama kelas Button ditulis seperti ini
di bagian lain aplikasi saya tidak akan berbenturan dengan gaya di sini karena ini
sebenarnya tidak akan diterapkan sebagai kelas tombol ke elemen.
Tetapi karena nama yang dihasilkan ini adalah ide di balik modul CFS dan oleh karena itu mereka memungkinkan kami untuk memindahkan
kode untuk melihat kami sebagai berikut dan masih diimpor dengan cara yang mencakup komponen ini.
Sekarang pertanyaannya adalah bagaimana kita sekarang dapat menerapkan perubahan gaya dinamis seperti itu.
Sekarang kita tidak lagi mengatur gaya dalam kode javascript tetapi dalam file C Ss.
Kita hanya perlu menambahkan berbeda sebagai kelas berdasarkan gaya yang kita inginkan.
Jadi kita tidak bisa masuk ke aplikasi CSX dan kemudian di sana kita dapat menambahkan ret kelas baru.
Dan di sini saya menentukan pemilih bahwa ini hanya memiliki efek
jika pada elemen yang semua menari kelas Button dan di sana di tombol merah kita sekarang dapat mengatur warna latar belakang menjadi merah dan saya juga menambahkan tombol Don
ke red hover untuk mengatur spesifik Arahkan kursor ke warung tempat saya ingin menggunakan warna latar belakang dan atur ini ke Selman.
Sekarang tombol default hover sub masih akan berlaku tetapi ini akan menimpa warna latar belakang.
Warna di sini akan ditutup.
Jadi sekarang dengan itu kami menambahkan kelas baru.
Dan omong-omong, ini tidak menjadi bingung dengan klausa merah ini.
Ini memiliki huruf kecil r ini memiliki huruf besar opera R dan ini juga hanya memiliki fakta jika itu pada tombol.
Jadi sekarang aplikasi ya kita dapat mengubah kelas kita di sini pada tombol secara dinamis berdasarkan kondisi yang kita
miliki untuk itu.
Jadi kita bisa mengatakan kita katakan bukan ikon gaya di sini tetapi di sana di bawah ini atau orang mungkin
kita memiliki variabel kelas tombol yang awalnya adalah array di mana kita hanya memiliki tombol kelas dot dengan kasus
opera B.
Dan ingat ini hanya akan menjadi penunjuk pada nama kelas yang unik ini yang dihasilkan oleh
paket modul C menilai dan ini kelas tombol yang saya akan satu berbaring di sana.
Jadi di sini saya akan menambahkan kelas Button bergabung seperti ini
Jadi karena kita memiliki array di sini saya ingin bergabung dengan semua kelas yang ada di sana
bersama-sama dengan ruang putih di antara kita tentu saja bisa juga disebut sebagai kelas Button jika Anda suka itu dengan baik.
Dan sekarang di sini di tempat ini di mana kita perlu mengubah gaya secara dinamis kita mengatur kelas Button
atau kita tidak mengaturnya tetapi kita mendorong kelas baru ke atasnya dan itu kelas mulai huruf besar menggunakan kelas merah khusus
yang baru saja kita tambahkan.
Jadi sekarang ini akan menjadi array Kelas tombol akan menjadi array dengan kelas Tombol dan dengan kelas merah
dan keduanya digabungkan di sini akan memiliki efek ini.
Jadi sekarang dengan itu jika kita menyimpan ini dan kita memuat kembali Anda akan melihat bahwa jika saya beralih saat kita mendapatkan tombol
merah dengan latar belakang Selman kita tidak beralih kita memiliki tombol hijau dengan latar belakang hijau dan Anda akan
melihat di sebelah kanan bahwa kelas baru mendapat aditif ketika kita beralih.
Jadi ini adalah bagaimana kita dapat mengimplementasikan ini dengan C karena modul ini kita cukup menambahkan
perbedaan sebagai kelas dan sekarang cara kita menerapkan ini adalah dengan mengatakan, alih-alih kelas aplikasi saya setiap tombol
harus berhenti.
Jadi di sini kita bisa mengatakan tombol aplikasi seperti ini menggunakan pemilih tag tombol di sini.
Bukan kelas.
Ini hanya pemungut pajak sekarang hanya aplikasi sebagai pemilih kelas.
Dan kemudian di sini kita mengatakan dengan baik tombol apa saja dengan klausa merah di dalam kelas aplikasi kita, kita akan memiliki mantra ini.
Jadi sekarang kita menggunakan pemilih CSF yang lebih kompleks atau sedikit lebih kompleks.
Kami mengatakan setiap tombol di luar elemen yang memiliki klausa aplikasi harus memiliki gaya itu dan setiap tombol
di dalam elemen kami dengan kelas aplikasi yang juga harus membaca kelas harus memiliki gaya ini.
Sekarang karena tombol saya di sini ada di dalam elemen dengan kelas aplikasi tombol ini akan mendapatkan gaya
ini dan kemudian kita bisa menyederhanakan ini di sini untuk mengatakan kita hanya ingin menambahkan kelas tombol di
sini dan kelas tombol bukan array tetapi klausa tombol sama dengan kelas yang disimpan disini.
Jadi untuk kelas khusus saya yang ingin saya tambahkan akhirnya dan secara default kelas tombol kosong.
Jadi secara default kita pergi ke tempat di mana kelas tombol ditemukan di sini karena kita tidak bekerja dengan kelas
tombol default tetapi tombol apa pun di dalam kelas aplikasi menghias elemen itu. Kita akan memiliki gaya itu dan kita
akan memiliki efek yang sama dengan sebelum.