Samodzielna ocenaPodstawowa
Licznik 0–20
Zbuduj licznik z przyciskami − i +. Wartość nie może spaść poniżej 0 ani przekroczyć 20, a użytkownik powinien widzieć granice.
Komponentów React nie da się tu uruchomić automatycznie. Napisz rozwiązanie, sprawdź je we własnym projekcie i porównaj z listą kontrolną.
Przećwiczysz
- Ograniczyć stan przy aktualizacji
- Pokazać granice w interfejsie
Źródło: Full Stack / JS — karta z zadaniem — Polecenie i rozwiązanie wzorcowe pochodzą z karty.
Nie jest uruchamiany automatycznie — porównaj z listą kontrolną
1
2
3
4
5
import { useState } from 'react';
export default function Counter() {
// Twoje rozwiązanie
}
Tab wcina · Esc, a potem Tab, opuszcza edytor · Twój kod jest zapisywany w tej przeglądarce.
Podpowiedzi
Utknąłeś? Podpowiedzi idą od ogólnych do konkretnych.
Rozwiązanie wzorcowe
Najpierw spróbuj naprawdę — rozwiązanie najwięcej daje, gdy już trochę się namęczysz.