Waa Maxay state?
State waa xogta isbeddesha ee component-ku hayo: tirada, qoraalka form-ka, ama in liiska weli soo dejinayo. Marka state-ku isbeddelo, React-ku wuxuu dib u soo saaraa qaybta bogga ee taas ku xidhan.
Sidoo kale loo yaqaan
state-ka, useState, xaaladda component-ka
Sharaxaad
Variable caadi ah waad beddeli kartaa, laakiin bogga waxba kama badalayaan; React-ku ma oga in wax dhaceen. Sidaas darteed waxaa loo isticmaalaa hook-ga useState. Wuxuu kuu soo celiyaa laba shay: qiimaha hadda jira, iyo function beddelaya oo badanaa setter la yiraahdo. Qiimaha si toos ah looma beddelo; setter-ka ayaa loo maraa, si React-ku u ogaado inuu bogga cusboonaysiiyo.
State-ku wuxuu ku habboon yahay component-ka gudihiisa. Marka xogtu ay u baahato inay meelo badan gaadho, waxaa loo maraa props ama tools maareyn ah sida Context iyo Redux, taasna waa state management. Xeer wanaagsan: state ha ku kaydin wax laga xisaabin karo waxa hore u jira. Sidoo kale state waxaa loo isticmaalaa xaaladaha soo dejinta: loading, natiijo iyo cilad; taasi waa sababta button kastaa uu leeyahay xaalad sugitaan markaad API wacayso.
Tusaale
const [tiro, setTiro] = useState(0);
return <button onClick={() => setTiro(tiro + 1)}>Waa {tiro}</button>;
Bilowga waa eber. Mar kasta oo la riixo, setter-ka ayaa qiime cusub dhiga, React-na wuxuu dib u soo bandhigaa button-ka. Haddaad si toos ah u dhahdo tiro = tiro + 1, bogga waxba kama badalayaan.
Halkee ayaad Dugsiiye ku baranaysaa?
React.js Masterclass: Modern Frontend with Hooks waxay kaa qaadaysaa useState ilaa hooks-ka kale. Mentorship-ka: React: Components, Hooks & State.
Video-ga
Daawo meesha uu ereygu kaga hadlayo
Hordhaca Hook-ga useState 1:30:54
Koorsooyinka
Halkan ayaad si buuxda uga baran kartaa
Su'aalo
Su'aalaha badanaa la weydiiyo
- State iyo props maxay ku kala duwan yihiin?
- Props-ka waxaa ka yimaada component-ka kore, mana beddelo kan hoose. State-ka component-ka gudihiisa ayuu ku jiraa, isaguna wuu beddeli karaa.
- Goorma ayaan u baahanahay state management?
- Marka isla xogta ay u baahato meelo badan oo aan is dhowayn, ama markay props-ku aad u sii gudbayaan. Kahor taas, useState ayaa ku filan.
Ereyo la xiriira
Sii wad akhriska
Waa Maxay React?
React waa library JavaScript ah oo Meta (Facebook) samaysay, loona isticmaalo dhisidda user interface-ka websites-ka iyo apps-ka. Waa tool-ka frontend-ka ugu caansan adduunka.
Waa Maxay component?
Component waa qayb UI ah oo madaxbannaan oo dib loo isticmaali karo: header, button, card, form. React-ka page kasta components ayaa laga dhisaa, sida dhismo bulukeeti laga dhiso.
Waa Maxay hook?
Hook waa function gaar ah oo React ah, magaciisu use ku bilaabmo, oo component-ka siiya awoodo sida state (xog isbeddesha), effects (shaqo la fuliyo markuu component-ku soo baxo), iyo context. useState iyo useEffect waa kuwa ugu caansan.
Waa Maxay props?
Props (properties) waa xogta component waalid ah u dhiibo component ilmo ah, sida attributes HTML oo kale. Component-ku props ayuu qaataa, wuxuuna soo bandhigaa xogtaas.
Waa Maxay state management?
State management waa habka xogta isbeddelaysa ee app-ka loo maamulo: halka la kaydiyo, cidda beddeli karta, iyo sida components-ka kale u ogaadaan isbeddelka.