Logo

Wyświetlanie ładowania

git checkout 15-loading -f

Fajnie byłoby pokazać użytkownikom że nasza aplikacja się ładuje gdy się ładuje. Dlatego zanim odpytamy api warto byłoby pokazać informację, że aplikacja się ładuje oraz schować ją gdy ładowanie się zakończy.

  1. Ustawienie stanu ładowania na true
  2. Zapytanie api
  3. Po zakończeniu zapytania do api ustawienie stanu ładowania na false
componentDidMount = () => {
  //  ustawienie stanu loading na true
  fetch('https://kuznia-kodu.pl/api/users')
    .then((data) => data.json())
    .then((data) => {
      this.setState({ users: data.results });
    })
    .finally(() => {
      // ustawienie stanu loading na false
    });
};