React-та стейттермен жұмыс

Біз қарастыратын келесі тұжырымдама стейттер деп аталады. Стейттер компоненттердің реактивті айнымалыларын білдіреді.

Реактивтілік стейт өзгерген кезде, сол стейт қолданылатын барлық жерлерде өзгерістер болатынын білдіреді. Техникалық тұрғыдан бұл кез келген стейт өзгерген кезде бүкіл компонентті қайта рендереу арқылы жеткізіледі.

Стейттерді қолдану үшін алдымен useState функциясын импорттау керек:

import React, { useState } from 'react';

useState функциясы параметр ретінде стейттің бастапқы мәнін қабылдайды, ал нәтиже ретінде екі элементтен тұратын арнайы массив қайтарады. Массивтің бірінші элементінде стейттің ағымдағы мәні сақталады, ал екіншісінде - стейтті өзгерту функциясы.

Стейттердің дұрыс жұмыс істеуі үшін оларды тікелей өзгертуге болмайды, оларды өзгерту үшін функцияны қолдану керек - тек сонда реактивтілік жұмыс істейді.