Të dyja mbajnë të dhëna që ndikojnë atë që një komponent përshkruan, por ato ndryshojnë në kush zotëron të dhënat dhe nëse mund të ndryshojnë.
Të dyja mbajnë të dhëna që ndikojnë atë që një komponent përshkruan, por ato ndryshojnë në kush zotëron të dhënat dhe nëse mund të ndryshojnë.
// `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} />
Të dhënat rrjedhin poshtë (prind → fëmijë përmes props) dhe ndryshimet rrjedhin lart (fëmija kërkon nga prindi të ndryshojë diçka përmes një callback prop si onChange). Ky rrjedhje një-drejtime është ajo që e bën aplikacionet React të parashikueshme.
props.x = 1) është një gabim — React nuk do të bëjë re-render dhe keni thyyer pronësinë e prindit. Për të "ndryshuar një prop", thërrisni një callback që prindi ju dha në mënyrë që prindi të përditësojë gjendjen e vet dhe të kalojë një vlerë të re poshtë.Një bibliotekë pyetjesh intervistash IT me përgjigje të detajuara — nga Junior te Senior.
Dhuro