Iż-żewg jżommu data li taffettwa fuq dak li jirrender il-komponent, iżda jidifferenzjaw fil-min hu l-missier tad-data u jekk tista' tinbidel.
- props jittiela fi komponenti mill-parent tagħha. Huma qari biss — il-komponent qatt ma jista' jibidluhom.
Iż-żewg jżommu data li taffettwa fuq dak li jirrender il-komponent, iżda jidifferenzjaw fil-min hu l-missier tad-data u jekk tista' tinbidel.
// `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 (
<button onClick={() => setCount(count + step)}>
{count}
</button>
);
}
// Parent decides the step and passes it down:
<Counter step={5} />
Id-data jixxluq isfel (parent → child permezz ta' props) u l-bidliet jixxluqu il-fuq (child jitlob lill-parent jibiddel xi ħaġa permezz ta' callback prop bħal onChange). Dan il-fluss b'direzzjoni waħda huwa dak li jagħmel l-apps React prevedibili.
props.x = 1) hija bug — React mhux ser jrender mill-ġdid u inti ksart il-poseduta tal-parent. Biex "tibiddel prop", ċirkwit il-callback li l-parent tiegħek tiegħek li jidħru li l-parent japprodotta l-istat tiegħu u jgħaddi valur ġdid isfel.