Sobes.tech
Junior

React контекстінде props дегеніміз не?

sobes.tech AI

AI-дан жауап

props (ағылш. properties) React-те — ата-аналық компоненттен балалық компонентке берілетін мәліметтерді қамтитын объект. Олар балалық компонент ішінде тек оқуға арналған және компоненттер ағашы бойынша ақпаратты төмен жіберудің негізгі механизмі болып табылады.

props-тің негізгі сипаттамалары:

  • Мәліметтерді беру: Ата-анадан ұрпаққа мәліметтер, конфигурациялар және колбэктерді беру үшін пайдаланылады.
  • Иммутабельдік: Балалық компонентте props өзгертілмейді. Өзгерістер ата-ана компонентінен келуі керек, ол жаңа props-ті береді.
  • Объект: props әрқашан объект ретінде беріледі. Әрбір берілген қасиет осы объектінің кілтіне айналады.
  • Қол жеткізу: Функционалды компоненттерде props функцияның бірінші аргументі ретінде беріледі. Класс компоненттерінде олар this.props арқылы қол жетімді.

props-ті беру және пайдалану мысалы:

// Ата-ана компоненті
function ParentComponent() {
  const greeting = "Сәлем";
  return <ChildComponent message={greeting} />;
}

// Балалық компонент
function ChildComponent(props) {
  return <p>{props.message}, әлем!</p>;
}