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.
- Ustawienie stanu ładowania na
true
- Zapytanie api
- 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
});
};