Ի՞նչ են 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>;
}