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