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