Waa Maxay props?

Sharaxaad

Component hal mar ayaad qortaa, marar badanna waad isticmaashaa; waxa kala duwan waa props. <ProductCard name="Laptop" price={500} />: name iyo price waa props, component-ku gudaha ayuu ka akhriyaa. Props waa read-only: component-ka ilmuhu ma beddeli karo, waalidka ayaa leh. Haddii xog isbeddesha loo baahdo, state ayaa la isticmaalaa, props-na waxaa lagu dhiibaa function xogta beddela.

Xogta mar walba hoos ayay u socotaa: waalid ilaa ilmo. Markuu project-ku weynaado, xog qoto dheer hoos u dhiibiddu way daashaa: prop drilling ayaa la yiraahdaa. Halkaas ayaa Context API ama Redux lagu isticmaalaa, si xogta guud (user-ka, theme-ka) meel walba laga heli karo iyadoo aan hoos loo sii dhiibin.

Tusaale

Copy
function ProductCard({ name, price }) {
  return <div><h3>{name}</h3><p>${price}</p></div>;
}
<ProductCard name="Laptop" price={500} />
<ProductCard name="Phone" price={200} />

Hal component, laba product. Design-ka hal meel, xogtu props ahaan.

Halkee ayaad Dugsiiye ku baranaysaa?

Props, state lifting iyo Context: React.js Masterclass. Bilaash: Baro React JS Af-Soomaali.