Menampilkan Data JSON Pada React

Kita lanjutkan pembelajaran React, sekarang kita akan menampilkan data JSON. Perlu teman-teman tahu bahwa JavaScript tidak memiliki kemampuan untuk memanggil database secara langsung, untuk itu JavaScript akan melakukan request HTTP/Server. Request tersebut akan di-handle oleh bahasa server seperti PHP, Java atau Python untuk memanggil database dan merubahnya menjadi format JSON, kemudian dikembalikan pada JavaScript.

Sekarang, silahkan teman-teman buat class React seperti pada gambar berikut.

Pada class Blog, dalam method getInitialState, masukan data JSON seperti berikut.

Dan di dalam method render, ketik perintah berikut.

Perhatikan sintaks di atas, pertama kita buat dulu variabel articles di luar fungsi return(), kemudian di dalam variabel articles kita tampilkan data JSON pada JavaScript dengan menggunakan Array.map(). Kemudian kita panggil variabel articles dalam fungsi return() dengan cara {articles}.

Jalankan pada browser.

9 Oktober 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat