Duka biyu sun riƙe da bayani waɗanda ke shafar abin da sake zama na sako, amma suna bambanta a cikin wanda ya mallaki bayani da ko akwai wuri don canza shi.
// `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} />
Dayuka yana magudi kasa (parent → yaro ta props) kuma canzawa yana magudi sama (yaro yana neman mahaifiyar ya canza wani abu ta hanyar callback prop kamar onChange). Wannan mohotaramin hanya ita ce wanda ke sa bukatun React bada sabon tunani.
props.x = 1) waje ce — React ba zai sake fito kuma kai ka karya mallakin mahaifiyar. Domin "canja prop", kira callback da mahaifiyar ta ba ka don mahaifiyar ya canja nata jiya da sake watsa saba sayyadi kasa.