Cara menggunakan XML ke JavaScript PropTypes
- Tempel contoh XML yang mewakili data Anda, sebaiknya dengan semua kolom opsional sudah terisi.
- Tentukan nama tipe utama, lalu pilih apakah Anda ingin menyertakan kode bantu atau hanya membuat tipe.
- Salin kode JavaScript PropTypes yang dihasilkan ke proyek Anda.
Tentang XML ke JavaScript PropTypes
Menulis kelas model secara manual untuk data XML yang besar itu melelahkan dan rawan salah ketik. Tempel contohnya di sini, lalu generator akan mengenali strukturnya: kolom yang tersedia, mana yang berupa objek atau array, dan tipe data setiap nilainya. Hasilnya berupa shape React PropTypes yang siap dipasang pada komponen.
XML terlebih dahulu dikonversi ke JSON dengan aturan yang sama seperti alat XML ke JSON kami: atribut diberi awalan @_ dan konten teks yang berada bersama atribut diberi nama #text. Tipe JavaScript PropTypes dibuat dari hasil tersebut. PropTypes memeriksa props saat program berjalan hanya dalam versi pengembangan, dan diabaikan pada versi produksi.
Menggunakan kode yang dihasilkan
Impor bentuk yang diekspor dan menggunakannya sebagai MyComponent.propTypes = { data: RootShape }.
Nilai opsional tidak diberi isRequired, sehingga dapat menerima undefined dan null.