v2.5.2
Giriş yap

NEXT.JS Json -> Array dönüşümü

kargasa1982
133 defa görüntülendi

Merhaba nextjs ile denemeler yapıyorum ve API ile veri almada sorun yaşıyorum. Örneğin POSTMAN ile gelen veri aşağıdaki gibi;

[
    {
        "value": "1. Sınıf",
        "label": "1. Sınıf",
        "panel": [
            {
                "id": "1",
                "name": "Türkçe",
                "image": "https://siteadi.com/panel/img/lesson/Türkçe-1.png",
                "link": "/dersler/turkce",
                "param": "?sinif=1-sinif"
            },
            {
                "id": "2",
                "name": "Matematik",
                "image": "https://siteadi.com/panel/img/lesson/Matematik-1.png",
                "link": "/dersler/matematik",
                "param": "?sinif=1-sinif"
            },
            {
                "id": "3",
                "name": "Hayat Bilgisi",
                "image": "https://siteadi.com/panel/img/lesson/Hayat Bilgisi-1.png",
                "link": "/dersler/hayat-bilgisi",
                "param": "?sinif=1-sinif"
            }
        ]
    },
    {
        "value": "2. Sınıf",
        "label": "2. Sınıf",
        "panel": []
    }
    
]

NEXTJS tarafında ise şu kodları kullanıyorum;

axios.request(config)
  .then((response) => {
    const veri = JSON.stringify(response.data);
    const parseveri = JSON.parse(veri);
    console.log(parseveri);
  })
  .catch((error) => {
    console.log(error);
  });

ve bu kod sonrasında aldığım çıktı ise şu şekilde;

[
  {
    value: '1. Sınıf',
    label: '1. Sınıf',
    panel: [ [Object], [Object], [Object] ]
  },
  {
    value: '2. Sınıf',
    label: '2. Sınıf',
    panel: [ [Object], [Object], [Object] ]
  },
  {
    value: '3. Sınıf',
    label: '3. Sınıf',
    panel: [ [Object], [Object], [Object], [Object] ]
  },
  {
    value: '4. Sınıf',
    label: '4. Sınıf',
    panel: [ [Object], [Object], [Object], [Object] ]
  }
]

bu çıktıdaki [Object] verisini nasıl gösterebilirim? Şimdiden teşekkürler.

ebykdrms
123 gün önce
console.dir(parseveri, {depth:null});

Kaynak: https://stackoverflow.com/a/71735674/10337747