8. diel - Aplikácia Kalkulačka - Logická časť
V minulej lekcii, Aplikácia Kalkulačka - Layout , sme vytvorili vzhľad aplikácie Kalkulačka.
V nasledujúcom tutoriále vývoja multiplatformných mobilných
aplikácií v React Native sa naučíme pracovať s hookom
useState(). Vytvoríme logiku aplikácie Kalkulačka a
implementujeme tlačidlám funkciu onPress(). Tým celú aplikáciu
Kalkulačka dokončíme.
Úprava súboru App.js
Otvoríme si v IDE projekt Kalkulačky z lekcie Aplikácia Kalkulačka
- Layout. Začneme tým, že upravíme komponent App. V
aplikácii budeme potrebovať na kalkulačke zachovať hodnotu výrazu. Na to
využijeme hook useState(). Konvenciou je pomenovávať a
deklarovať jeho stavové premenné takto:
const [promenna, nastavPromennou] = useState(puvodniStav);
puvodniStav je hodnota, akú má premenná
promenna po deklarácii. Toľko k teórii.
Teraz sa teda presunieme do súboru App.js Aby sme mohli hook
useState() použiť, musíme ho najskôr importovať na začiatku
súboru:
...koniec náhľadu článku...
Pokračuj ďalej
Došiel si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiové sekcie.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
500 kreditov
Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.
- Prístup k jednotlivým lekciám podľa spôsobu obstarania.
- Kvalitné znalosti v oblasti IT.
- Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.
Popis článku
Požadovaný článok má nasledujúci obsah:
V tutoriále React Native dokončíme aplikáciu Kalkulačka, naučíme sa používať React hook useState() a vytvoríme logiku celej aplikácie.
Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.
