რა არის props React-ის კონტექსტში?

React-ში props (ინგლისური სიტყვიდან properties) არის ობიექტი, რომელიც შეიცავს მონაცემებს, რომლებიც გადაეცემა მშობელი კომპონენტიდან შვილს. ისინი ხელმისაწვდომია შვილის კომპონენტში მხოლოდ წაკითხვადი და წარმოადგენს ძირითად მექანიზმს ინფორმაციის გადაცემისთვის ქვემოთ კომპონენტების ხის საშუალებით.

props-ის ძირითადი მახასიათებლები:

• მონაცემების გადაცემა: გამოიყენება მონაცემების, კონფიგურაციების და callback-ების გადაცემისთვის მშობელიდან შვილამდე.
• შეუცვლელობა: შვილის კომპონენტში props-ის შეცვლა შეუძლებელია. ნებისმიერი ცვლილება უნდა მოდიოდეს მშობელი კომპონენტიდან, რომელიც გადმოგზავნის ახალი props-ებს.
• ობიექტი: props ყოველთვის გადაეცემა როგორც ობიექტი. თითოეული გადაცემული მახასიათებელი ხდება ამ ობიექტის გასაღები.
• წვდომა: ფუნქციონალურ კომპონენტებში props გადაეცემა როგორც პირველი არგუმენტი ფუნქციას. კლასის კომპონენტებში ისინი ხელმისაწვდომია this.props-ის მეშვეობით.

props-ის გადაცემა და გამოყენების მაგალითი:

// მშობელი კომპონენტი
function ParentComponent() {
  const greeting = "გამარჯობა";
  return <ChildComponent message={greeting} />;
}

// შვილი კომპონენტი
function ChildComponent(props) {
  return <p>{props.message}, მსოფლიო!</p>;
}