Props jiya abubuwan shigar da aka shigar da su cikin wani yanki ta waje ta a babbar uba (karanta tilo kawai daga gidan yaron). State shi ne bayanan da wani yanki ya mallaka kuma yana jiyawa da gida (yana iya canza shi). Bambanci: props suna zo wajen gida kuma ba su canza ba jiya cikin yanki; state na gida ne kuma ana iya canzawa.
() {
;
}
< name= />
Props suna taka kasa daga uba zuwa yaro. Yaro yana karantawa amma ba ya iya canza su ba — don canza darajar prop, uba dole ne ya shigar da sabuwa.
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
}
An aiki state a gida na yanki; yanki yana canza shi (ta hanyar setCount/setState), kuma canza shi yana fara sabuwa ren-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 na yanki guda yakan shigar da gida yaro azaman prop. Ci gida state kuma sake shigarwa shine wannan alaka ne — babbar uba ta mallaka state, yara suna karba shi a matsayin props.
Bambanci na state-vs-props shine ainihi ga yunkurin da aka tsara ne.
Yana bayyana mallaka bayanan da taki: props shine keɓantacciya da-waje, karantaccewar tilo (bayanan kasa); state shine a gida, maye bayanan da yanki yana jiyawa.
Hada su tare — canza props, ko gida props zuwa state — yana haifar da kasua tsoma-tsoma.
Ganin cewa bayanan suna taka kasa a matsayin props yayin da kowane yanki yana mallaka nasa state shine tushen ƙarin React/Vue/Angular yanki ƙira.