فرانت اندی | FrontEndi
فرانت اندی | FrontEndi
خواندن ۲ دقیقه·۱ سال پیش

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

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

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

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

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


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

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

اگه با HTML آشنا باشین، میدونید که ما میتونیم به تگ های HTML ، خصوصیت ( Attribute ) پاس بدیم. مثل :
چطور از Props در ری اکت استفاده کنیم ؟ کمی قبل تر گفتیم که میشه به کامپوننت ها در ری اکت، Props داد تا از اطلاعات داینامیک استفاده کنن. اگه با HTML آشنا باشین، میدونید که ما میتونیم به تگ های HTML ، خصوصیت ( Attribute ) پاس بدیم. مثل :

چطور از 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 در ری اکت کلیک کنید.

ری اکتreactpropsprops در ری اکتprops در react
فرانت اِندی مرجع تخصصی فرانت اند برای فارسی زبانان است . هدف ما گردآوری و انتشار تخصصی ترین و بهترین مقالات و دوره های آموزشی حوزه فرانت اند در یک منبع فارسی زبان است .
شاید از این پست‌ها خوشتان بیاید