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

با مفهوم 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 تغییر می کند
#مفهوم_state #آموزش_react_native #کار_با_state #برنامه_نویسی_react_native #react_native
عنوان
1 ساخت اولین پروژه React Native رایگان
2 مفهوم props در برنامه نویسی React Native رایگان
3 کار کردن با state در React Native رایگان
زمان و قیمت کل 0″ 0
0 نظر

هیچ نظری ارسال نشده است! اولین نظر برای این مطلب را شما ارسال کنید...

نظر شما
برای ارسال نظر باید وارد شوید.
تنظیمات حریم خصوصی
تائید صرفنظر
×

تو می تونی بهترین نتیجه رو تضمینی با بهترین های ایران بدست بیاری ، پس مقایسه کن و بعد خرید کن : فقط توی جشنواره بهاره می تونی امروز ارزونتر از فردا خرید کنی ....