React контекстинде props эмне?

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>;
}