Props — React.js və digər komponent əsaslı JavaScript kitabxanalarında istifadə olunan bir anlayışdır. Props (Properties) komponentlər arasında məlumatları ötürmək və paylaşmaq üçün istifadə olunur. Bir komponentin özündə olan və ya valideyn komponentindən alınan məlumatları (məsələn, mətn, rəng, dəyər, funksiyalar və s.) təmsil edir. Props, React-də "immutable" (dəyişdirilməz) olur, yəni bir dəfə müəyyən edildikdən sonra həmin məlumatlar dəyişdirilə bilməz. Bununla belə, valideyn komponenti props-u dəyişdirə bilər, amma bu dəyişikliklər yalnız yeni render zamanı tətbiq edilir.

Props-un əsas xüsusiyyətləri:

• Məlumat ötürülməsi: Props bir komponentin daxilinə verilən məlumatları təmsil edir. Məsələn, bir "Button" komponenti bir "label" props-u qəbul edə bilər ki, bu da düymənin üzərində göstərilən mətni müəyyən etsin.
• Dəyişdirilməzlik (Immutable): Props komponent daxilində dəyişdirilə bilməz. Əgər bir komponentin öz daxilində məlumatı dəyişdirmək istəyirsinizsə, bu məlumatın "state" vasitəsilə idarə olunması lazımdır.
• Təkrarlama: Props məlumatları istifadə edərək komponentlərin təkrar istifadəsini asanlaşdırır. Hər dəfə bir komponentə fərqli props verməklə, onu fərqli şəkildə istifadə etmək mümkündür.

Props-un istifadəsi nümunəsi:

function Welcome(props) {

return <h1>Salam, {props.name}!</h1>;

}

function App() {

return <Welcome name="Jane" />;

}

Yuxarıdakı nümunədə "Welcome" komponenti "name" adlı bir props qəbul edir və onu ekranda göstərir. "App" komponenti isə bu props-u "Jane" dəyəri ilə təyin edir.

Props-un üstünlükləri:

• Modul yanaşma: React-də props istifadə edərək komponentləri modul şəkildə təşkil etmək mümkündür, hər bir komponent öz daxili məlumatlarına görə müstəqil işləyir.
• Komponentlər arası əlaqə: Props komponentlər arasında əlaqə qurmağa kömək edir, məsələn, məlumatları bir valideyn komponentindən alt komponentlərə göndərmək.
• Dəyişkən məlumat idarəetməsi: Props dəyişməz olsa da, məlumatlar valideyn komponenti tərəfindən dəyişdirilə bilər, bu da dinamik tətbiqlər yaratmağa kömək edir.