بررسی Props در ری اکت ! Props چیست ؟

درواقع Props در ری اکت یکی از مهمترین مفاهیمی هست که هر React Deverloper باید درک صحیح و عمیقی ازش داشته باشه. در حقیقت Props در React یکی از اولین مفاهیمی هست که ما به عنوان توسعه دهنده ری اکت باید یادش بگیریم.

ویژگی Props در ری اکت چیست ؟

میشه اینطور گفت که Props در React برای انتقال یک دیتا از کامپوننت پدر به کامپوننت فرزند کاربرد داره !

یعنی Props ها ، ورودی کامپوننت ها هستن ! به کمک Props در React میتونیم به کامپوننت های خودمون ورودی بدیم.

چطور از Props در ری اکت استفاده کنیم ؟

کمی قبل تر گفتیم که میشه به کامپوننت ها در ری اکت، Props داد تا از اطلاعات داینامیک استفاده کنن.

اگه با HTML آشنا باشین، میدونید که ما میتونیم به تگ های HTML ، خصوصیت ( Attribute ) پاس بدیم. مثل :

<input type=&quotpassword&quot placeholder=&quotپسوردت رو وارد کن&quot />

تو مثال بالا ما به تگ Input در Html ، چندین خصوصیت دادیم.

دقیقا مثل تیکه کد بالا ، ما به کامپوننت ها در React میتونیم Props پاس بدیم. مثل مثال زیر :

<Product title=&quotپفک اشی مشی&quot description=&quotتازه و خوشمزه&quot price=&quot100 تومن&quot img=&quotpofak.png&quot/>

تو مثال بالا ما به تگ Input در Html ، چندین خصوصیت دادیم.

دقیقا مثل تیکه کد بالا ، ما به کامپوننت ها در React میتونیم Props پاس بدیم. مثل مثال زیر :

<Product title=&quotپفک اشی مشی&quot description=&quotتازه و خوشمزه&quot price=&quot100 تومن&quot img=&quotpofak.png&quot/>

تو تیکه کد بالا ، ما به کامپوننت Product چندین Props پاس دادیم ( عنوان ، توضیحات ، تصویر و قیمت )

جمع بندی

برای مطالعه نسخه کامل این آموزش + تیکه کد ها و مثال های کامل روی لینک آموزش Props در ری اکت کلیک کنید.