Cila është ndryshimi midis gjendjes dhe propsit?

Question

Accepted Answer

**Props** janë inpute **të kalura brenda** në një komponent nga prindi i tij (vetëm të lexueshme nga këndvështrimi i fëmijës). **State** është data që një komponent **e zotëron dhe menaxhon brenda** (mund ta ndryshojë atë). Dallimi: props vijnë nga jashtë dhe nuk ndryshojnë brenda komponentit; state është i brendshëm dhe i ndryshueshëm. ## Props — të kaluar brenda, vetëm të lexueshme ```jsx function Greeting({ name }) { // `name` is a prop from the parent return

Hello, {name}

; // name = "Bob"; // ❌ a child must NOT modify its props } // parent supplies the prop ``` Props rrjedhin **poshtë** nga prindi në fëmijë. Fëmija i lexon ata por nuk mund t'i ndryshojë — për të ndryshuar vlerën e një prop-i, prindi duhet të kalojë një të ri. ## State — i zotëruar brenda, i ndryshueshëm ```jsx function Counter() { const [count, setCount] = useState(0); // `count` is this component's own state return ; // the component updates its OWN state via setCount } ``` State krijohet dhe kontrollohet *brenda* komponentit; komponenti e ndryshon atë (përmes `setCount`/`setState`), dhe ndryshimi i tij shkakton një ri-render. ## Përqasje me përqasje ```text Props State Source passed from parent created in the component Mutable? read-only (in child) yes (via setter) Who controls it the parent the component itself Triggers render when the parent changes it when the component updates it Purpose configure/pass data in track changing internal data ``` ## Ata punojnë së bashku ```jsx function Parent() { const [user, setUser] = useState({ name: "Ann" }); // STATE in the parent return ; // passed DOWN as a PROP } ``` State i një komponente shpesh i kalon një fëmije si një **prop**. Ngritja e state-it lart dhe kalimi i tij poshtë është pikërisht ky model — prindi e zotëron state-in, fëmijët e marrin atë si props. ## Pse është e rëndësishme Dallimi midis state-it dhe props-it është themelor për frame-works e bazuara në komponentë. Ai përcakton pronësinë e të dhënave dhe rrjedhën: props janë konfigurimi i jashtëm, vetëm të lexueshme (të dhënat poshtë); state është i brendshëm, të dhëna të ndryshueshme që komponenti menaxhon. Konfuzimi i tyre — ndryshimi i props, ose dyfishimi i props-it në state — shkakton gabime klasike. Kuptimi që të dhënat rrjedhin poshtë si props ndërsa çdo komponent zotëron gjendjen e tij është themeli i dizajnit të komponentëve në React/Vue/Angular.