Въведение в състоянията в React
Следващата концепция, която ще разгледаме, се нарича състояния. Състоянията представляват реактивни променливи на компонентите.
Реактивността означава, че при промяна на състоянието, промени ще настъпят на всички места, където това състояние се използва. Технически това се постига чрез пререндериране на целия компонент при промяна на което и да е състояние.
За използване на състоянията първоначално е необходимо
да импортирате функцията useState:
import React, { useState } from 'react';
Функцията useState приема като параметър
началната стойност на състоянието, а като резултат
връща специален масив от два елемента.
В първия елемент от масива се съхранява
текущата стойност на състоянието, а във втория - функция
за промяна на състоянието.
За коректна работа на състоянията те не могат да се променят директно, а трябва да се използва функцията за тяхната промяна - само тогава ще работи реактивността.