اموزش های دوره یی و پروژه محور ری اکت جی اس

اموزش پایه یی – بخش پنجم

پیش نیاز ها:

آموزش نصب و راه اندازی ری اکت جی اس

ساخت اولین برنامه ری اکت جی اس hello world

آشنایی با کامپوننت ها در ری اکت

کار با انواع کامپوننت ها

همانطور که در آموزش های قبلی گفته درباره کامپوننت ها گفته شد و نحوه ساخت کامپوننت ها گفته شد ، کامپوننت ها قابلیت استفاده مجدد را دارند و به راحتی با استفاده از فراخوانی و یا استفاده از تگ ها می توانید از کامپوننت ها استفاده کنیم

اما این کامپوننت ها به صورت یک بلاک طراحی می شوند و در زمانی که نیاز دارید از آنها استفاده می کنیم

اما اگر بخواهیم در هر بار استفاده براساس نیاز ما این کامپوننت ها تغییر کنند چه باید کرد

در اینجاست که به خاصیت props و اهمیتش در داینامیک کردن کامپوننت ها پی می بریم

با استفاده از پراپ ها می توانیم به درون بلاک های کامپوننت ها برویم و تغییراتی را در آنها ایجاد کنیم یا شرایطی را ایجاد کنیم که این شرایط منجر به تغییر دادن در خروجی کامپوننت ها شود و موارد دیگر

برای این کار کافی است در هنگام فراخوانی کامپوننت پراپرتی یا خاصیت یا … ( props ) را اضافه کنید

به طور مثال اگر آموزش قبلی را دیده باشید کامپوننتی را ساختیم که می توانستیم عبارت Hello World را چاپ کنیم که این کامپوننت  HelloClass و HelloFunction نام داشت و می خواهیم خاصیت نام را به این کامپوننت اضافه کنیم برای این کار کافی است به صورت زیر عمل کنیم

<HelloClass name="Alireza" />
<HelloFunction name="Alireza" />

که HelloClass ، کلاس کامپوننت بود و HelloFunction کامپوننت تابع محور بود

در این مثال ما خاصیت نام را برای کامپوننت در نظر گرفتیم و مقدار علیرضا را برای آن در نظر گرفتیم

حال چگونه از این مقدار استفاده کنیم  

برای دریافت مقدار های props ، فقط کافی است آن خواص را فراخوانی کنید برای مثال برای ، کامپوننت بالا را در نظر بگیرید فقط کافی است از طریق props.name به محتوا یا مقدار ها دسترسی پیدا کنیم

برای دیدن ویدئو اختصاصی این بخش وارد حساب کاربری خود شوید