Oboje drže podatke koji utječu na što komponenta prikazuje, ali se razlikuju u tko je vlasnik podataka i može li se promijeniti.
Oboje drže podatke koji utječu na što komponenta prikazuje, ali se razlikuju u tko je vlasnik podataka i može li se promijeniti.
// `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} />
Podaci teku prema dolje (roditeljski → dijete putem props) a promjene teku prema gore (dijete moli roditeljski da nešto promijeni putem callback prop kao što je onChange). Ovaj jednosmjerni tok je ono što čini React aplikacije predvidivim.
props.x = 1) je greška — React neće ponovno renderirati i slomili ste vlašanstvo roditeljskog elementa. Da biste "promijenili prop", pozovite callback koji vam je roditeljski dao tako da roditeljski ažurira svoje vlastite state i proslijedi novu vrijednost prema dolje.Knjižnica IT pitanja za razgovore za posao s detaljnim odgovorima — od Juniora do Seniora.
Doniraj