Cila është ndryshimi midis props dhe state?

Question

Accepted Answer

Të dyja mbajnë të dhëna që ndikojnë atë që një komponent përshkruan, por ato ndryshojnë në **kush zotëron të dhënat** dhe **nëse mund të ndryshojnë**. - **props** kalojnë *në* komponent nga komponenti i tij prind. Ato janë **read-only** — komponenti nuk duhet kurrë t'i modifikojë ato. - **state** zotërohet dhe menaxhohet *brenda* komponentit. Mund të ndryshojë me kalimin e kohës, dhe ndryshimi i tij shkakton një **re-render**. ## Pse ka rëndësi ```jsx // `step` is a PROP — given by the parent, the child only reads it. // `count` is STATE — owned here, changes on click, causes a re-render. function Counter({ step }) { const [count, setCount] = useState(0); return ( ); } // Parent decides the step and passes it down: ``` Të dhënat rrjedhin **poshtë** (prind → fëmijë përmes props) dhe ndryshimet rrjedhin **lart** (fëmija kërkon nga prindi të ndryshojë diçka përmes një callback prop si `onChange`). Ky rrjedhje një-drejtime është ajo që e bën aplikacionet React të parashikueshme. ## Si të vendosni se cilën të përdorni - Vjen nga lart dhe komponenti nuk duhet ta ndryshojë → **prop**. - Komponenti duhet ta ndryshojë me kalimin e kohës → **state**. - Mutimi i props (`props.x = 1`) është një gabim — React nuk do të bëjë re-render dhe keni thyyer pronësinë e prindit. Për të "ndryshuar një prop", thërrisni një callback që prindi ju dha në mënyrë që prindi të përditësojë gjendjen e vet dhe të kalojë një vlerë të re poshtë.