Sekarang Anda belajar cara membaca dan memahami pesan panah dan cara menemukan kesalahan logis.
Terkadang Anda ingin mengetahui keadaan saat ini dari aplikasi dan kekayaan reaksi Anda.
Anda mungkin bisa mengetahuinya dengan alat pengembang.
Itu bisa merepotkan.
Untungnya ada ekstensi keren yang dapat Anda tambahkan ke reaksi Chrome D.
Alat Pengembang mari kita instal bersama.
Anda cukup google untuk mereaksi alat pengembang dan Anda akan menemukan repositori github di mana Anda dapat mempelajari
lebih lanjut tentang cara menggunakannya dan bahkan dapat berkontribusi untuk proyek atau Anda memiliki hak untuk
Toko Web Chrome.
Jangan khawatir, ini gratis di Toko Web Chrome.
Saya sudah menambahkannya ke Chrome tetapi Anda dapat mengklik Tambah untuk tumbuh jika Anda belum melakukannya.
Setelah menambahkannya, Anda mungkin harus memulai ulang chrome dan setelah itu di alat pengembang Chrome.
Anda harus menemukan entri antrian di sini komponen dan profiler dengan simbol reaksi ini di sebelahnya.
Dan jika Anda mengklik komponen Anda akan melihat sesuatu seperti tahun ini Anda akan melihat representasi dari komponen
reaksi yang saat ini ditampilkan di layar.
Jadi saat ini ini adalah komponen aplikasi saya di bagian bawah Anda akan melihat alat peraga.
Komponen ini menerima status ujung.
Komponen ini mengelola.
Sekarang jika saya klik toggle people, adakan semuanya untuk melihat semua komponen orang di sini.
Kita semua dapat mengklik pada mereka untuk melihat komponen properti mendapatkan komponen mana yang merendernya dan
seterusnya.
Anda juga dapat mencatat komponen seperti itu ke konsol sehingga Anda dapat melihatnya lebih detail di sini.
Anda juga dapat memeriksa elemen DOM yang cocok yang akan membawa Anda ke tab elemen dan kemudian
menunjukkan kepada kami elemen mana yang diberikan oleh komponen konkret ini dan tentu saja Anda juga dapat memeriksa kode sumber.
Anda dibawa ke sumber karena Taproot dapat melihat breakpoints kobaran api dan sebagainya.
Anda juga dapat pergi ke pengaturan di sini dan men-tweak ini sedikit di sana Anda misalnya dapat
mengubah cara hal-hal ditampilkan dalam cara yang kompak atau nyaman.
Jika Anda memiliki mode terang atau gelap di sini Anda dapat pergi ke komponen khusus dan juga menyorot komponen
tertentu dari jenis tertentu.
Jika Anda ingin tetapi secara umum pengaturan default harus baik-baik saja.
Anda semua dapat menggunakan untuk memilih di sini akan memilih sesuatu di DOM dan secara otomatis memilih komponen reaksi
yang bertanggung jawab untuk merender hal itu sehingga reaksi setelahnya adalah cara yang bagus untuk menyelam lebih dalam ke
ini, tetapi Anda tidak bisa hanya memeriksa hal-hal di sini.
Anak perempuan akan mengubah banyak hal.
Sebagai contoh, mereka dapat mengubah prop usia ke sini dan karenanya di sini kita melihat 30.
Kita tentu saja dapat juga mengubah status dan mengatur ini ke false dan memiliki efek yang sama seperti jika kita
mengklik tombol sakelar.
Jadi ini adalah tempat yang bagus untuk bermain-main dengan komponen Anda menguji berbagai keadaan dan alat peraga
dengan mudah tanpa harus menyulitkan kode apa pun dalam kode Anda dan itu semua bagus untuk memeriksa apa yang
Anda miliki di layar dan memahami apa yang ditampilkan di sana dan mengapa dan bagaimana segala sesuatu bekerja sama.