Funkcja Fetch(), pobieranie danych

Question

Hej, mam problem z pobraniem danych z API. 
Pobieram te dane:

 "Country": "Poland",
    "Temperature": {
      "Metric": {
        "Value": 11.6,
        ....

             fetch(api)
                    .then(response => {
                   return response.json();
               })
                    .then(data => {
                      const LocalizedName = data.Country; 
                   });

Nie wiem jak mogę pobrać wartość z pola Value, które znajduje się w "Metric", z góry dziękuję za wszelkie rady :)

Answer 1

Trochę temat mylący ale wczoraj odpowiadałem na podobne pytanie 

Answer 2

rozumiem, że wyrzuca Ci jakiś błąd, ale jaki dokładnie? Może nie masz w response tego pola, co Ci pokazuje jak próbujesz normalnie pobrać Temperature.Metric.Value? Nie leci gdzieś tam undefined?

Comments

Jest dokładnie tak jak przypuszczasz, próbuję pobrać wartość z pola Value:

let Metric = data.Temperature;
let Value = data.Metric

console.log(Value); //tutaj dostaję undefined
console.log(data.Temperature.Metric.Value); //w tym przypadku:
Uncaught (in promise) TypeError: Cannot read property 'Metric' of undefined

   Dopiero raczkuję w tym temacie, ale od kilku godzin męczę się z tym, nie mam pojęcia jak dobrać się głębiej do tego elementu "Value"

 

---

no to musisz zdebugować dlaczego masz tam undefined... zobacz najpierw co leci faktycznie w response z endpointu w devtoolsach i sprawdź co leci w data po przewaleniu na json(). To nam da jakiś punkt wyjścia.

---

Jak zawsze człowiek szuka błędów w najtrudniejszych rzeczach, a popełnia go w tych najprostszych. Obiekt data, jest zwracany jako tablica 

---

bywa czasem i tak :) Ja w 99% przypadków robię tak, że najpierw obsługuję sobie wysłanie requestu i sprawdzam na środowisku testowym czy na pewno back-end zwraca mi to, czego się spodziewam.

Dopiero potem koduję całą logikę związaną ze zwrotką. Chyba, że np. jakaś usługa odpowiedzialna za ten endpoint nie jest jeszcze gotowa no to pracuję na mockach.

Generalnie już nie raz zdarzyło mi się, że teoretycznie był umówiony jakiś kontrakt z back-endem, a okazuje się, że jednak pozmieniali nazwy pól czy w ogóle strukturę zwrotki :) Takie zycie...