Loro-lorone nyimpen data sing mengko mempengaruhi apa sing dirender dening komponen, nanging beda ing sapa sing duwe datane lan apa bisa owah-owahan utawa ora.
// `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} />
Data mili mudhun (induk → anak liwat props) lan owah-owahan mili munggah (anak njaluk induk ngganti sesuatu liwat callback prop kayak onChange). Alur siji arah iki sing nggawe aplikasi React bisa diduga.
props.x = 1) iku kurang — React ora bakal re-render lan sampeyan wis rusak dukungan induke. Carane "ngowahi prop", buwang callback sing induk wis menehi sampeyan, supaya induk ngupdate state dheweke lan ngluwari nilai anyar mudhun.