حسام رسولیان

تفاوت state و props در React Native

در هر نوع برنامه نویسی ما نیاز داریم همیشه تا یک سری از اطلاعات و در طول برنامه ذخیره کنیم. در React Native هم وظیفه ذخیره کردن اطلاعات در طول اجرای برنامه بر عهده  state و props می باشد اما بیاید نگاهی بندازیم و تفاوت این دو روش ذخیره سازی اطلاعات و متوجه بشیم.

به طور کلی اگر بخوایم نگاه کنیم state ها قابل ویرایش یا بروزرسانی هستند یعنی اطلاعاتی که در state ذخیره می شود در طول برنامه می تواند تغییر کند اما اطلاعات داخل props غیر قابل تغییر می باشد.

روش تعریف state به این صورت هست که ابتدا یک آبجکت به نام state تعریف میکنیم ‘state = {}’  سپس داخل این آبجکت متغیر های مختلف و ایجاد میکنیم.

تفاوت state و props

داخل  state یک متغیر به نام myState تعریف کردیم و عبارت this is my state data و داخل آن ذخیره کردیم.

حالا برای استفاده کردن از این متن ذخیره شده در کامپوننت Text از دستور JSX استفاده میکنیم. ابتدا {} قرار میدهیم و سپس داخل آن عبارت this.state.myState و مینویسیم.

برای تغییر عبارت state ها حتما باید از دستور setState استفاده کنیم.

آموزش React Native

در مثال بالا یک تابع به نام updateState تعریف کردیم متن state و به The state is updated تغییر میدهد.

برای پاس دادن اطلاعات به کامپوننت هایی که میسازیم اکثرا از props استفاده می کنیم.

من یک کامپوننت به اسم PresentationalComponent ایجاد میکنم که در واقع همون Text می باشد و برای نمایش متن داخل Text از props استفاده می کنم.

آموزش React Native

حالا داخل صفحه ای که از PresentationalComponent  استفاده میکند متن نوشته بصورت props بهش پاس میدیم

تفاوت state و props

1 نظر

پیام بگذارید

19 − 4 =