Wie json Daten mit Array zur Karte in nativer react

Question

I-Array haben, wie dies in reagieren nativen

const data = [ 
    { key: 1, label: 'Service1'}, 
    { key: 2, label: 'Service2' }, 
    { key: 3, label: 'Service3' }, 
    { key: 4, label: 'Service4' }, 
    { key: 5, label: 'Service4' }, 
]; 

und json Daten:

"services": [ 
    { 
     "id": 1, 
     "name": "Hotels", 
    }, 
    { 
     "id": 2, 
     "name": "Embassies", 
    }, 
] 

Wie map-ID-Schlüssel und Namen zu beschriften? ??

Answer 1

Sie möchten Ihre const data mit Werten aus JSON füllen, richtig?

Versuchen Sie folgendes:

var jsonData = { 
 
    "services": [ 
 
    { "id": 1, "name": "Hotels" }, 
 
    { "id": 2, "name": "Embassies" } 
 
    ] 
 
}; 
 

 
var data = jsonData.services.map(function(item) { 
 
    return { 
 
    key: item.id, 
 
    label: item.name 
 
    }; 
 
}); 
 

 
console.log(data);