props یا این که properties، خصوصیت  طراحی سایت در مشهد هایی ساختاری در ری اکت می‌باشند که داده ها را از شاخه فراتر (parent) به زیر خیس (child) منتقل می نمایند.

 
مثالی از این props میتواند name و age باشد که یک مخاطب را تمجید می نماید. از جمله در‌صورتی‌که قرار باشد داده ها کاربری را اکران دهیم قادر خواهیم بود یک تابع به نام User داشته باشیم که props name و age را اخذ نماید و داده ها را اکران دهد.
 
تشکیل داد کامپوننت در React
دو نوع کامپوننت در ری اکت داریم:
 
کامپوننت‌های تابعی
کامپوننت‌های تابعی React میتوانند هر تابع جاوااسکریپتی باشند که HTML را برمی‌گرداند. این کامپوننت‌ها همینطور میتوانند props را اخذ نمایند. از‌آنجا که این کامپوننت‌ها توابع جاوااسکریپت می باشند یا این که از توابع جاوااسکریپت به صورت پسوند به کارگیری می‌نمایند، میتوانند از ضابطه ES6 تابع جاوااسکریپت به کار گیری نمایند. ES6 استدانداردی‌ست که برای لهجه اپ نویسی جاوا اسکریپت رقم خورده میباشد.
 
همینطور می توانید کد جاوااسکریپت معمول خویش را پیش از فرمان بازگشتی return قرار دهید. یک نکته‌ای که می بایست اعتنا فرمایید این میباشد که صرفا می بایست یک رجوع در هر کامپوننت وجود داشته باشد. سینتکس این نوع کامپوننت به‌این شکل میباشد:
 
const Greet = (props) => {
const person = props.name;
return (
 
Hello {person}!!
 
 
)
}
کامپوننت‌های Class-based
کامپوننت‌های Class-based نیز نسبتاًً به عبارتی خصوصیت‌های کامپوننت‌های تابعی React را دارا هستند. البته پیش از تعریف و تمجید کامپوننت Class-based خویش، می بایست “React.Component” را وارد کنیم یا این که Component را مانند “{Component}” از React دستیابی کنیم.