Utangulizi wa Hali za React
Dhana inayofuata ambayo tutachambua, inaitwa hali. Hali hizi zinawakilisha anuwai za komponeneti zinazobadilika.
Mabadiliko yanamaanisha kuwa wakati hali inapobadilika, mabadiliko yatatokea katika maeneo yote ambayo hali hiyo inatumika. Kiufundi hii inafikiawa kwa kufanya upya uonyeshaji wa komponeneti yote wakati hali yoyote inapobadilika.
Ili kutumia hali, kwanza ni muhimu
kuingiza funkta useState:
import React, { useState } from 'react';
Funkta useState inakubali thamani ya awali ya hali
kama kigeuzo, na inarudisha
safu maalum ya vipengele viwili.
Kipengele cha kwanza cha safu kitahifadhi
thamani ya sasa ya hali, na cha pili - funkta
ya kubadilisha hali.
Ili hali zifanye kazi ipasavyo, haziwezi kubadilishwa moja kwa moja, bali ni lazima kutumia funkta ya kuzibadilisha - ndipo tu mabadiliko yatakapoenda kazi.