Cara menggunakan JSON ke JavaScript PropTypes
- Tempel contoh JSON 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 JSON ke JavaScript PropTypes
Menulis kelas model secara manual untuk data JSON 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.
PropTypes memeriksa props saat program berjalan hanya dalam versi pengembangan, dan diabaikan pada versi produksi. Semuanya berjalan di browser, jadi data contoh Anda tetap berada di perangkat Anda.
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.