Props iku input sing dijupuk saka komponén induk (baca-only saka wawasan anak). State iku data sing komponén duwe lan ngatur internal (bisa diganti). Pambedane: props teka saka luar lan ora ngganti ing komponén; state iku internal lan bisa diganti.
() {
;
}
< name= />
Props mili mudhun saka induk menyang anak. Anak maca nanging ora bisa ngganti — kanggo ngganti nilai prop, induk kudu ngirim sing anyar.
function Counter() {
const [count, setCount] = useState(0); // `count` is this component's own state
return <button onClick={() => setCount(count + 1)}>{count}</button>;
// the component updates its OWN state via setCount
}
State dibuat lan dikontrol ing jero komponén; komponén ngganti (liwat setCount/setState), lan ngganti nuwuhake re-render.
Props State
Source passed from parent created in the component
Mutable? read-only (in child) yes (via setter)
Who controls it the parent the component itself
Triggers render when the parent changes it when the component updates it
Purpose configure/pass data in track changing internal data
function Parent() {
const [user, setUser] = useState({ name: "Ann" }); // STATE in the parent
return <Child name={user.name} />; // passed DOWN as a PROP
}
State saka siji komponén asring dijupuk menyang anak minangka prop. Ngunggulake state lan ngirim mudhun iku persis pola iki — induk duwe state, anak nampa minangka props.
Pambedaan state-vs-props iku dhasar ing framework berbasis komponén.
Nentokne siapa duwe data lan alire: props iku konfigurasi luar, baca-only (data mudhun); state iku data internal lan bisa diganti sing komponén ngatur.
Nggabungno — ngganti props, utawa duplikat props ing state — nuwuhake bug klasik.
Pahami yen data mili mudhun minangka props dene saben komponén duwe state dhewe iku fondasi saka desain komponén React/Vue/Angular.