سرفصل‌های آموزشی
آموزش کتابخانه ری اکت - React
بررسی مفاهیم و کاربردهای State , Event و Prop در ری اکت

بررسی مفاهیم و کاربردهای State , Event و Prop در ری اکت

 

در این قسمت سه مفهوم بسیار مهم را بررسی می­‌کنیم که در عین سادگی، بسیار کلیدی و مهم‌اند و تسلط روی این موارد بسیار کمک کننده است:

state در ری اکت

در ابتدای این بخش، مفهوم state را بررسی می­‌کنیم که در واقع محلی است برای ذخیره اطلاعات هر کامپوننت. این مقدار مختص به خود کامپوننت است و اگر ما از یک کامپوننت پنج بار استفاده کنیم، هرکدام دارای state متعلق به خودش هست. در مثال ارائه شده می‌بینیم که با تغییر مقدار هرکدام از کامپوننت‌ها فقط مقدار خودش آپدیت شده و مقدار state بقیه کامپوننت‌ها بدون تغییر می‌ماند.

props در ری اکت

در قدم بعدی، مبحث props در ری کت را هم بررسی می­‌کنیم. پراپ‌ها در واقع مقادیری هستند که از یک کامپوننت والد به یک کامپوننت فرزند انتقال داده می‌شوند و می­‌توانند به ما کمک کنند که انتقال داده‌ها را خیلی راحت و ساده انجام بدهیم. بعنوان مثال ما می‌­توانیم یک کامپوننت را شش بار کپی کنیم و هربار یک مقدار نام متفاوت را به عنوان prop به آن بدهیم.

event در ری اکت

در قدم آخر، به بررسی مبحث event هم می‌­پردازیم و می‌بینیم که event در واقع همان رویداد جاوااسکریپتی است که ما از آن استفاده می­‌کنیم تا کارهای مختلف را مدیریت کنیم.