Hľadáme nové posily do ITnetwork tímu. Pozri sa na voľné pozície a pridaj sa k najagilnejšej firme na trhu - Viac informácií.
IT rekvalifikácia. Seniorní programátori zarábajú až 6 000 €/mesiac a rekvalifikácia je prvým krokom. Zisti, ako na to!

24. diel - Databázový klient v React - Komponent prihlasovacej stránky

V dnešnom React tutoriále si vytvoríme prihlasovaciu stránku, na ktorej sa prihlásime za novo registrovaného užívateľa. Tohto užívateľa tiež potom uvidíme vypísaného v záhlaví stránky vďaka pripravenému kontextu.

Komponent prihlasovacej stránky

Tvorba stránky s prihlasovacím formulárom bude veľmi podobná tvorbe tej s registráciou. V zložke src/ si vytvoríme novú podzložku login/. V tej potom vytvoríme nový súbor LoginPage.js.

Importy

Na začiatku súboru ako vždy prvýkrát importujeme potrebné komponenty a hooky:

import FlashMessage from "../components/FlashMessage";
import InputField from "../components/InputField";
import {useEffect, useState} from "react";
import {useSession} from "../contexts/session";
import {useNavigate} from "react-router-dom";
import {apiPost, HttpRequestError} from "../utils/api";

JSX

Na stránke bude opäť formulár s


 

...koniec náhľadu článku...
Pokračuj ďalej

Vedomosti v hodnote stoviek tisíc získaš za pár korún

Minul 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ť tento kurz

Kúpiť všetky aktuálne dostupné lekcie s funkciou odovzdávanie úloh a certifikátom iba za 625 kreditov
Aktuálny stav konta 0 kreditov
Kúpou tohoto balíčku získaš prístup ku všetkým 24 článkom (23 lekcií, test) tohoto kurzu.

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.

Čo od nás v ďalších lekciách dostaneš?
  • Neobmedzený a trvalý prístup k jednotlivým lekciím.
  • 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 React tutoriále si vytvoríme prihlasovaciu stránku, na ktorej sa prihlásime za novo registrovaného užívateľa.

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ť.

Článok pre vás napísal Martin Macura
Avatar
Aktivity