Kaip React Native veikia rekvizitai ir būsena?

Question

Accepted Answer

**Rekvizitai** ir **būsena** yra pagrindinės React koncepcijos, kurios React Native veikia identiškai: **rekvizitai** perduoda duomenis į komponentą (tik skaitomi įėjimai), o **būsena** saugo duomenis, kurie gali keistis laikui bėgant (sukeldami perpiedažą). Jų supratimas yra pagrindinis. ## Rekvizitai — perduoti duomenys (tik skaitomi) ```jsx // props are inputs passed to a component (from its parent) — READ-ONLY function UserCard({ name, age }) { // receives props return {name}, {age}; } // pass props when using the component // → props flow DOWN (parent → child); a component doesn't change its own props ``` ## Būsena — duomenys, kurie keičiasi (per useState) ```jsx import { useState } from 'react'; function Counter() { const [count, setCount] = useState(0); // declare state + its setter return ( setCount(count + 1)}> {count} {/* uses state */} ); } // → calling setCount updates state → component RE-RENDERS with the new value ``` Būsena yra vidiniai, keičiami duomenys; jų atnaujinimas (per nustatymo funkciją iš `useState`) sukelia perpiedažą — kaip vartotojo sąsaja atspindi pokyčius. ## Rekvizitai vs būsena ```text PROPS → passed IN from the parent; READ-ONLY (the component doesn't change them); for configuration/data from outside STATE → internal to the component; CHANGEABLE (via setState/useState); triggers re-renders; for data that changes over time (user input, toggles, fetched data) → Data flows DOWN via props; state changes drive UI updates. (Same as React for web.) ``` ## Kodėl tai svarbu Supratimas apie rekvizitus ir būseną yra svarbus React Native, nes jie yra **pagrindinės React koncepcijos, kurios yra esminės komponentų veikimui ir vartotojo sąsajos atnaujinimui**, todėl tai yra būtinas žinias. **Rekvizitai** (tik skaitomi duomenys, perduodami į komponentą iš jo tėvinio komponento, tekantys žemyn komponentų medyje) yra tai, kaip komponentai gauna konfigūraciją ir duomenis iš išorės, sudarant galimybę naudoti komponentus pakartotinai ir juos kombinuoti. **Būsena** (vidiniai, keičiami duomenys, kurie valdomi naudojant `useState` hook'ą, kur jų atnaujinimas sukelia perpiedažą) yra tai, kaip komponentai saugo ir reaguoja į duomenis, kurie keičiasi laikui bėgant (vartotojo įvestis, perjungikliai, gauti duomenys) — mechanizmas, kuriuo vartotojo sąsaja atspindi pokyčius. Supratimas apie **skirtumą** — rekvizitus, kurie perduodami ir tik skaitomi (išorės duomenims/konfigūracijai) ir būseną, kuri yra vidinė ir keičiama (duomenims, kurie keičiasi, ir perpiedažui sukelti) — ir principą, kad **duomenys nusileidžia per rekvizitus, o būsenos pokyčiai varo vartotojo sąsajos atnaujinimus** yra pagrindinis norint teisingai kurti React Native (ir React) programas. Šios yra tiksliai tos pačios koncepcijos, kaip React žiniatinklui, todėl jų supratimas tiesiogiai perkeliasi ir yra naudingas visiems, kurie kuria React Native komponentus. Rekvizitų ir būsenos tinkamas panaudojimas (duomenų perdavimas per rekvizitus, kintamų duomenų valdymas naudojant būseną, vienkryptės duomenų srauto supratimas) yra šerdis funkcinių, teisingų komponentų. Bet kurie rekvizitai ir būsena yra esminiai React Native (ir React) komponentų veikimui — duomenų gavimui (rekvizitai) ir pokyčių valdymui (būsena), varantys vartotojo sąsajos atnaujinimus — ir jų supratimas yra pagrindinis norint teisingai kurti bet kurią React Native programą, supratimas apie rekvizitus ir būseną yra esminė, pamatinė React Native žinios — pagrindinės koncepcijos, kurias turi suprasti kiekvienas React Native kūrėjas, identiškos žiniatinklio React (todėl žinios perkeliasi), ir pamatinės komponentų, kurie gauna duomenis ir reaguoja į pokyčius, kūrimo mechanikos.