#bersambung
Tue, 29 Sep 2015 1:09 pm
#alhamdulillah render nested JSON object #react di suratmasuk yang baru berhasil dipecahkan #problemsolved. Fungsi .map react awalnya ane pikir bisa dimodifikasi menjadi looping bawaan #javascript semacam "for". Ternyata .map lebih bekerja sebagaimana render seharusnya, .map hanya merepresentasikan data menjadi view, bukan dengan paradigma looping. Berkali-kali ane mencoba memasukkan manipulasi saat .map, selalu gagal. Jalan keluarnya ternyata mudah, dan menurut ane inilah kekuatan react. Manipulasi data berjalan diluar render, ane gunakan fungsi tersendiri untuk memanipulasi ulang JSON dari server menjadi bentuk JSON yang ".map friendly".
Contohnya adalah seperti ini :

JSON server 
var json= [
   {
     asal: "KPP Banjarmasin", 
     perihal: "Laporan", 
     tag: 
     {
        "01": {nomor_agenda: "100"},
        "01-01": {nomor_agenda: "17"}
     },
   {
     asal: "KPP Banjarbaru", 
     perihal: "Surat Pengantar", 
     tag: 
     {
        "01": {nomor_agenda: "101"},
        "01-01": {nomor_agenda: "18"}
     }
]

Bentuk diatas harus bisa menyesuaikan
nomor_agenda yang muncul saat di 
render ke table. Jika login sebagai "01"
maka nomor_agenda tampil 100, sedangkan
saat login sebagai "01-01" yang tampil
adalah 17. Manipulasi tampilan seperti ini
sangat mudah dilakukan dengan loop;
loop jquery misalnya :

for(var a in json){
    var asal = json[a].asal
    var perihal = jason[a].perihal
    ...
}

#project #bersambung