Care este diferența dintre props și state?

Question

IT Interview Practice · Accepted Answer

Ambele dețin date care afectează ce render o componentă, dar diferă în **cine deține datele** și **dacă pot fi modificate**. - **props** sunt transmise *în* componentă din componenta părintelui. Sunt **read-only** — componenta nu trebuie să le modifice niciodată. - **state** este deținut și gestionat *în interiorul* componentei. Poate se schimba în timp, și schimbarea acestuia declanșează o **re-render**. ## De ce contează ```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: ``` Datele curg **în jos** (părintele → copilul prin props) și schimbările curg **în sus** (copilul cere părintelui să schimbe ceva printr-o callback prop precum `onChange`). Acest flux unidirecțional este ceea ce face aplicațiile React previzibile. ## Cum să decizi care să folosești - Vine din sus și componenta nu ar trebui să o schimbe → **prop**. - Componenta trebuie să o schimbe în timp → **state**. - Mutarea props (`props.x = 1`) este o greșeală — React nu va re-render și ai rupt proprietatea părintelui. Pentru a "schimba o prop", apelezi o callback pe care părintele ți-a dat-o pentru ca părintele să-și actualizeze propriul state și să transmită o valoare nouă în jos.

De ce contează

Cum să decizi care să folosești

Întrebări conexe