Introducere în stările în React

Următorul concept pe care îl vom analiza se numește stări. Stările reprezintă variabile reactive ale componentelor.

Reactivitatea înseamnă că atunci când o stare se modifică, modificările vor avea loc în toate locurile unde această stare este utilizată. Din punct de vedere tehnic, acest lucru este realizat prin re-randarea întregii componente atunci când orice stare se modifică.

Pentru a utiliza stările, este necesar mai întâi să importăm funcția useState:

import React, { useState } from 'react';

Funcția useState primește ca parametru valoarea inițială a stării și returnează un array special din două elemente. În primul element al array-ului va fi stocată valoarea curentă a stării, iar în al doilea - funcția pentru modificarea stării.

Pentru funcționarea corectă a stărilor, acestea nu pot fi modificate direct, ci trebuie să folosim funcția pentru modificarea lor - doar atunci va funcționa reactivitatea.