آموزش :: کار کردن با state در React Native
درخواست های ارتباط
جستجو
لیست دوستان من
صندوق پیام
همه را دیدم
  • در حال دریافت لیست پیام ها
صندوق پیام
رویدادها
همه را دیدم
  • در حال دریافت لیست رویدادها
همه رویدادهای من

جهت دریافت مدرک با مراجعه به به این بخش و ورود به دوره مورد نظر، بر روی گزینه دریافت مدرک کلیک کرده، اطلاعات خود را تکمیل کنید تا پروسه صدور مدرک برای شما طی شود.

صدور مدرک تنها برای دوره هایی که به صورت کامل خریداری شده و قیمت آن ها بالای 100،000 تومان باشد انجام خواهد شد.

جشنواره تخفیف شگفت انگیز زمستانه توسینسو

تا سقف 70 درصد تخفیف + ترافیک نیم بها + پشتیبانی محصولات توسط اساتید + ارائه گواهینامه پایان دوره

تخفیف های وب سایت
همه تخفیف ها

عضویت در

کانال تلگرام

توسینسو

اطلاعات مطلب
مدرس/نویسنده
حسام رسولیان
امتیاز: 13992
رتبه:48
26
50
8
108
دانشجوی کارشناسی IT برنامه نویس Java, PHP,JS CCNA,LPIC پروفایل کاربر

کار کردن با state در React Native

تاریخ 3 ماه قبل
نظرات 0
بازدیدها 81
با مفهوم props و state در مطلب قبلی آشنا شدیم و نحوه کار کردن با props و هم یاد گرفتیم و حالا تو این پست با هم دیگه با state ها آشنا خواهیم شد.گفتیم که state بر خلاف props قابل تغییر هست یعنی هر بار اطلاعات جدیدی میتونه داخل state ما ذخیره بشه.
state = {
     ' myState: 'Lorem  
   }
در مثال بالا ما یک آبجکت state تعریف کردیم و برای این state یک فیلد به نام myState قرار دادیم که مقدار Lorem و ذخیره کرده است. توجه داشته باشید که اسم myState اختیاری هست و همچنین شما میتونید هر تعداد لازم داشتید فیلد و یا آبجکت و و آرایه در state تعریف کنید.خب این state کجا قرار میگیره؟ در کلاس کامپوننت خودمون قبل از اینکه محتویات و رند کنیم.
export default class App extends React.Component {
   state = {
      'myState: 'Lorem  
   }
   render() {
      return (
      <View>
         <Text> {this.state.myState} </Text>
      </View>
      );
   }
در مثال بالا میبینید که یک state قبل از رندر تعریف کردیم.نحوه دسترسی به اطلاعات state در کامپوننت ها بدین شکل هست که باید از یک جفت {} استفاده کنید و با کلمه کلیدی this به myState دسترسی پیدا میکنیم.برای بروزرسانی مقدار ها حتما باید از متد setState استفاده کنیم در غیر اینصورت مقدار state آپدیت نخواهد شد.
Update = () ⇒ this.setState({ myState: 'The state is updated' })
در کد بالا یک متد به نام Update تعریف کردیم که با اجرا شدن مقدار myState تغییر می کند
برچسب ها
ردیف عنوان
1 ساخت اولین پروژه React Native
2 مفهوم props در برنامه نویسی React Native
3 کار کردن با state در React Native
دوره مجموعه کل دوره
مطالب مرتبط

در حال دریافت اطلاعات

نظرات
هیچ نظری ارسال نشده است

    برای ارسال نظر ابتدا به سایت وارد شوید