React kontekstida props nima?

Reactdagi props` (inglizcha properties so'zidan olingan) obyektdir va ota komponentdan bolaga o'tkaziladigan ma'lumotlarni o'z ichiga oladi. Ular bolalar komponenti ichida faqat o'qish uchun mavjud bo'lib, komponentlar daraxtida ma'lumotlarni pastga uzatish uchun asosiy mexanizmni tashkil etadi.

propsning asosiy xususiyatlari:

• Ma'lumotlarni uzatish: Otadan bolaga ma'lumotlar, konfiguratsiyalar va callbacklarni uzatish uchun xizmat qiladi.
• O'zgarmaslik: Bolalar komponentida propsni o'zgartib bo'lmaydi. Har qanday o'zgarishlar ota komponentdan kelishi kerak, u yangi propslarni uzatadi.
• Obyekt: props har doim obyekt sifatida uzatiladi. Uzatilgan har bir xususiyat bu obyekt ichida kalitga aylanadi.
• Kirish: Funktsional komponentlarda props funksiyaning birinchi argumenti sifatida uzatiladi. Sinf komponentlarida ular this.props orqali kirish mumkin.

propsni uzatish va foydalanish misoli:

// Ota komponent
function ParentComponent() {
  const greeting = "Salom";
  return <ChildComponent message={greeting} />;
}

// Bola komponent
function ChildComponent(props) {
  return <p>{props.message}, dunyo!</p>;
}