Conas a oibríonn props agus state i React Native?

Question

Accepted Answer

**Props** agus **state** ná coincheapa lárnach React a oibríonn go díreach agus a bheith mar a chéile i React Native: bíonn **props** ag foluain sonraí isteach i gcomponent (ionchuir inléite amháin), agus fad a bhíonn **state** ag coinneáil sonraí is féidir a bheith ag athrú le himeall (a spreagann athrenderála). Tá tuiscint orthu seo bunúsach. ## Props — sonraí a cuireadh isteach (inléite) ```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 ``` ## State — sonraí a athraonn (trí 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 ``` Is sonraí inmheánacha agus inathraithne a bhíonn i state; nuair a bhíonn sé á nuashonrú (trí an setter ó `useState`) spreagann sé athrenderála — an bealach a léiríonn an UI athruithe. ## Props vs state ```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.) ``` ## Cén fáth a bhíonn sé tábhachtach Tá tuiscint ar props agus state bunúsach do React Native toisc gur **coincheapa lárnach React iad atá ina chroílár conas a oibríonn components agus conas a bhíonn UIs á n-uasnuachta**, agus is rud is gá a bheith ar eolas. Is **sonraí inléite** iad **props** (sonraí a cuireadh isteach i component ó a thuismitheoir, ag imeall síos an crann component) agus tá siad mar an bealach a fhaigheann components cumraíochta agus sonraí ó thaobh amuigh, ag soláthru components inúsáide agus ábhartha. **State** (sonraí inmheánacha agus inathraithne á bhainistiú trí an `useState` hook, nuair a bhíonn sé á nuashonrú spreagann sé athrenderála) is an bealach a choimeádann components agus a fhreagraíonn do shonraí a athraonn le himeall (ionchur úsáideora, soghluaiseacht, sonraí bhfhiosrúcháin) — an t-imeall ar a bhfeictear UIs athruithe. Tá an **idirdhealú** — props a cuireadh isteach agus inléite (do shonraí/cumraíochta sheachtrach) i gcoimeas le state a bheith inmheánach agus inathraithne (do shonraí a athraonn, ag tiomáint athrenderála) — agus an prionsabal go **sonraí ag imeall síos trí props agus athruithe state ag tiomáint uasnuachtaí UI** bunúsach do thógáil apps React Native (agus React) i gceart. Is iad na coincheapa ar an bhealach céanna i React do bhreise, mar sin bíonn tuiscint orthu ag aistriú go díreach agus is gá do dhuine ar bith ag tógáil components React Native. A choinneáil props agus state i gceart (sonraí ag foluain trí props, sonraí ag athrú á bhainistiú le state, tuiscint an sruth sonraí aontreo) is croílár do components fheidhmiúla, cheart. Ó bhí props agus state ina bhláth ar conas a oibríonn components React Native (agus React) — sonraí a fhaireamh (props) agus athrú á bhainistiú (state) do tiomáint uasnuachtaí UI — agus tuiscint orthu bunúsach do thógáil app React Native i gceart, is gá props agus state a thuiscint, talamh bunúsach eolas React Native — coincheapa lárnach is gá do gach forbróir React Native a thuiscint, comhionann go React gréine (agus an t-eolas á aistriú), agus bunúsach do thógáil components a fhaireamh sonraí agus a fhreagra ar athrú, an meicníc bhunúsach d'fhorbairt UI React Native.