TypeScript -> wyciąganie danych z obiektów

Question

Cześć, przy użyciu API -> http://kodpocztowy.intami.pl/ potrzebuje wyciągnąć ulice które należą do danego kodu pocztowego. Dane pobieram 

[
  {
    "kod": "26-601",
    "miejscowosc": "Bielicha",
    "gmina": "Zakrzew",
    "powiat": "radomski",
    "wojewodztwo": "mazowieckie",
    "numeracja": []
  },
  {
    "kod": "26-601",
    "miejscowosc": "Kończyce-Kolonia",
    "gmina": "Kowala",
    "powiat": "radomski",
    "wojewodztwo": "mazowieckie",
    "numeracja": []
  }, .......................................................
]

i teraz potrzebuje wyciągnąć nazwy ulic, niestety muszę to zrobić  w typescript z którym jest to mój pierwszy kontakt 

const PostAPI = async () => {
    await api.get<string[]>("http://kodpocztowy.intami.pl/26-601").then((result) => {
      //setPostAPIList(result.data);
      var data = result.data;
      console.log(data, "postapi");

      let tablica: Array<string> = [];

      for (let i = 0; i < data.length; i++) {
        tablica.push(data[i]?.miejscowosc);
      }
      console.log(tablica, "tablica")
    });
  }

Chciałem to wyciągnąć pętlą ale wali błędem :

 " any

Property 'miejscowosc' does not exist on type 'string'.ts(2339)"

Więc proszę o pomoc lub jakiś link z podobnym problemem, bo ja  nie znalazłem.

Answer 1

Stwórz sobie interfejs na podstawie danych, które zwraca API i ustaw go jako typ dla result.data.

Comments

a jaki jest sens korzystac z typowania tego obiektu, skoro z samego jsona, też po polach się możesz odwołąć Lint przy zapisie do zmiennej, nie kapmnie się ?

---

TypeScript nie wie jaki konkretnie typ danych zwróci API. Metoda axios.get jest generyczna, więc można podać jakiego typu się spodziewamy w odpowiedzi z API - choć nie mam pewności jak w tym przypadku axios jest użyty, bo w pokazanym fragmencie jest wywołanie api.get (może api to alias dla axios lub jest to jakaś abstrakcja w kodzie autora); nie wiem też dlaczego przekazany jest typ string[] skoro argument result jest traktowany jak obiekt (odniesienie się do result.data) a nie tablica stringów.

TypeScript może się domyślić typu dla nowo tworzonej zmiennej, gdy przypisze się jej property z obiektu, ale musi wcześniej znać typ samego obiektu.