Pada tutorial React kali ini Konsep Koding akan berbagi tutorial mengenai cara untuk Conver/Mengkonversi API Response XML ke JSON agar lebih mudah untuk di parse dan di tampilkan ke dalam User Interface App kita. Nah mengapa kita perlu mempelajarinya karena kadang beberapa Public API atau API masih menggunakan XML sebagai Response nya. Nah sedangkan standar yang paling banyak digunakan saat ini adalah dalam bentuk JSON, nah apakah kita meminta kepada API provider tersebut untuk mengubahnya ke JSOn, tentu saja tidak kan?. Nah oleh karena itu kita perlu mengkonversi nya akan lebih mudah untuk di Consume dan digunakan oleh FrontEnd.
Memulai Project
Pertama pastikan kam sudah membuat project React untuk mengikuti tutorial ini,
Kemudian install library axios
npm i axios
Untuk contoh Public API nya kita akan menggunakan public API dari Bank Polandia yang bersifat public dan gratis untuk digunakan. http://api.nbp.pl/api/exchangerates/tables/a untuk strukturnya seperti di bawah ini :
Kemudian ubah di App.js menjadi seperti kode di bawah ini :
Sekian semoga dapat bermanfaat dan membantu kamu yang sedang mempelajari React.
0 Comments