دولت در واکنش چیست؟
👉 State راهی برای پیگیری داده هایی است که می تواند در برنامه شما تغییر کند. State یک شی جاوا اسکریپت ساده است که اطلاعاتی را در خود نگه می دارد که ممکن است در طول چرخه عمر اجزا تغییر کند. این داده ها مستقیماً بر رفتار و ظاهر مؤلفه ها تأثیر می گذارد. هنگامی که وضعیت تغییر می کند، React مؤلفه را با اطلاعات به روز شده دوباره ارائه می دهد، اطمینان حاصل می کند که رابط کاربری وضعیت فعلی را منعکس می کند.
نکات کلیدی:✍
- درونی؛ داخلی : State برای مؤلفه‌های آن محلی است و خارج از مؤلفه‌ها تغییر نمی‌کند
- دینامیک: Sate را می توان در طول چرخه عمر کامپوننت تغییر داد و به رابط کاربری تعاملی و پاسخگو اجازه داد
- رندر مجدد: هر زمان که وضعیت تغییر کرد، React Retender مؤلفه و منعکس کردن اطلاعات به روز رسانی در رابط کاربری
دولت چگونه کار می کند؟ ✍
- State معمولاً در سازنده اجزای کلاس و با استفاده از قلاب useState() در Functional Components راه‌اندازی می‌شود.
- با استفاده از this.state در مؤلفه های کلاس و متغیر state در مؤلفه های تابعی می توانید مستقیماً به مقدار state دسترسی داشته باشید.
- ایالت هرگز نباید مستقیماً جهش یابد. به جای , از متد this.setState برای اجزای کلاس و تابع به روز رسانی حالت در کامپوننت های تابعی استفاده کنید.
- هنگام به روز رسانی حالت، هرگز حالت موجود را تغییر ندهید، به جای یک شی جدید با تغییرات خواسته ایجاد کنید و یک مقایسه سطحی برای Re-رندرها ایجاد کنید.
👉 Props در React
Props مخفف “properties” است و برای انتقال داده از یک جزء به جزء دیگر استفاده می شود. آنها فقط خواندنی هستند، به این معنی که نمی توانند توسط مؤلفه دریافت کننده اصلاح شوند. Props معمولا برای انتقال داده ها از یک جزء والد به یک جزء فرزند استفاده می شود.
نکات کلیدی:✍
- تغییر ناپذیری: لوازم جانبی تغییر ناپذیر هستند. پس از تنظیم توسط مؤلفه والد، مؤلفه فرزند نمی تواند آنها را تغییر دهد.
- گردش داده ها: Props یک جریان داده یک طرفه را فعال می کند، به این معنی که داده ها از مولفه های والد به فرزند جریان می یابد.
- آرگومان های تابع: Props مشابه آرگومان های تابع کار می کند. هنگامی که یک جزء را تعریف می کنید، می توانید داده ها را از طریق ویژگی ها به آن ارسال کنید، درست مانند انتقال آرگومان ها به یک تابع.
