درخواست های ارتباط
جستجو
    لیست دوستان من
    صندوق پیام
    همه را دیدم
    • در حال دریافت لیست پیام ها
    صندوق پیام
    رویدادها
    همه را دیدم
    • در حال دریافت لیست رویدادها
    همه رویدادهای من

    تا 75 درصد تخفیف ویژه شب یلدا بر روی کلیه محصولات وب سایت توسینسو فقط تا 30 آذر

    مانده تا پایان تخفیف ها

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

    عضویت در

    کانال تلگرام

    توسینسو

    اطلاعات مطلب
      مدرس/نویسنده
      حسام رسولیان
      امتیاز: 13264
      رتبه:49
      26
      47
      7
      95
      دانشجوی کارشناسی IT برنامه نویس Java, PHP,JS CCNA,LPIC پروفایل کاربر
      دوره های مرتبط
      دوره های توسینسو دوره آموزشی اسکریپت نویسی Batch یا Batch Scripting در ویندوز به زبان ساده
      دوره آموزشی اسکریپت نویسی Batch یا Batch Scripting در ویندوز به زبان ساده
      مدرس: حسین احمدی
      این دوره را در 11 قسط خریداری کنید
      دوره آموزشی Exploit نویسی به زبان Perl
      دوره آموزشی Exploit نویسی به زبان Perl
      مدرس: ایمان جوادی
      این دوره را در 7 قسط خریداری کنید
      دوره تخصصی آموزش متن کاوی با ابزار NLTK
      دوره تخصصی آموزش متن کاوی با ابزار NLTK
      مدرس: کاظم تقندیکی
      این دوره را در 11 قسط خریداری کنید
      دوره آموزشی طراحی رابط کاربری با JavaFX
      دوره آموزشی طراحی رابط کاربری با JavaFX
      مدرس: حسام رسولیان
      این دوره را در 13 قسط خریداری کنید
      دوره آموزشی برنامه نویسی مقدماتی پایتون به زبان ساده
      دوره آموزشی برنامه نویسی مقدماتی پایتون به زبان ساده
      مدرس: حسین احمدی
      این دوره را در 23 قسط خریداری کنید
      دوره آموزشی برنامه نویسی پیشرفته زبان سی شارپ
      دوره آموزشی برنامه نویسی پیشرفته زبان سی شارپ
      مدرس: حسین احمدی
      این دوره را در 78 قسط خریداری کنید
      ساخت و مدیریت ربات تلگرام از صفر با زبان سی شارپ
      ساخت و مدیریت ربات تلگرام از صفر با زبان سی شارپ
      مدرس: مهدی عادلی فر
      این دوره را در 2 قسط خریداری کنید
      دوره متوسطه برنامه نویسی به زبان جاوا به زبان ساده
      دوره متوسطه برنامه نویسی به زبان جاوا به زبان ساده
      مدرس: مهدی عادلی فر
      این دوره را در 18 قسط خریداری کنید
      دوره آموزشی برنامه نویسی به زبان پرل بصورت پروژه محور
      دوره آموزشی برنامه نویسی به زبان پرل بصورت پروژه محور
      مدرس: ایمان جوادی
      این دوره را در 13 قسط خریداری کنید
      دوره آموزشی ساخت ربات تلگرام
      دوره آموزشی ساخت ربات تلگرام
      مدرس: کاظم تقندیکی
      این دوره را در 8 قسط خریداری کنید
      دوره آموزشی مقدماتی برنامه نویسی جاوا به زبان ساده
      دوره آموزشی مقدماتی برنامه نویسی جاوا به زبان ساده
      مدرس: مهدی عادلی فر
      این دوره را در 17 قسط خریداری کنید
      دوره آموزشی برنامه نویسی اندروید با زبان جاوا به زبان ساده
      دوره آموزشی برنامه نویسی اندروید با زبان جاوا به زبان ساده
      مدرس: مهدی عادلی فر
      این دوره را در 27 قسط خریداری کنید
      دوره آموزشی برنامه نویسی WPF در ویژوال استودیو
      دوره آموزشی برنامه نویسی WPF در ویژوال استودیو
      مدرس: امیر حسین فضلیخانی
      این دوره را در 12 قسط خریداری کنید
      دوره آموزشی مقدماتی برنامه نویسی به زبان سی شارپ
      دوره آموزشی مقدماتی برنامه نویسی به زبان سی شارپ
      مدرس: حسین احمدی
      این دوره را در 17 قسط خریداری کنید
      دوره آموزشی پردازش متن با زبان برنامه نویسی پایتون
      دوره آموزشی پردازش متن با زبان برنامه نویسی پایتون
      مدرس: کاظم تقندیکی
      این دوره را در 20 قسط خریداری کنید

      مفهوم props در برنامه نویسی React Native

      تاریخ 1 ماه قبل
      نظرات 0
      بازدیدها 35
      اگر در حال یادگیری برنامه نویسی Reactjs/React Native هستید یا قصد شروع آن را دارید یکی از بخش هایی که در طول کد نویسی با آن سر و کار دارید props و state ها می باشند. به همین منظور در این مطلب با هم دیگه با مفهوم props آشنا میشیم.
      در کل ما از props و state برای ذخیره کردن اطلاعات موقت در برنامه خودمون استفاده می کنیم یعنی با هربار باز و بسته شدن برنامه این اطلاعات از بین می روند.
      اما فرق props با state این هست که اطلاعات props در طول برنامه ثابت و غیر قابل تغییر می باشد اما state قابلیت تغییر اطلاعات را دارد.

      نحوه استفاده از props

      با props ما اطلاعاتی که نیاز داریم و به هر تگی که بخواهیم میتونیم پاس بدیم و بسته شرایط این اطلاعات و در داخل تگ میتونیم نمایش دهیم یا عملیات های مختلف و روش انجام بدیم.
      فرض کنید یک تگ به شکل زیر داریم
       <View>
           	 <Heading '/>
           </View>
      

      این تگ خیلی ساده هست و هیچ props ایی ندارد اما اگر بخواهیم به این تگ Heading یک props نیز اضافه کنیم باید در کد های کامپوننت Heading به شکل زیر عمل کنیم

      export default class Heading extends React.Component {
        render () {
          return (
            <View>
              <Text>{this.props.message}</Text>
            </View>
          )
        }
      }
      

      در کد که بالا گفتیم هروقت از تگ Heading استفاده کردیم میتونیم یک props با نام message به این تگ پاس دهیم و این تگ هم اطلاعات این props و داخل یک متن نمایش می دهد نحوه دسترسی یه props به شکل زیر می باشد.
      this.props.anyname
      

      حالا به شکل زیر در هر صفحه که از تگ Heading استفاده کردیم میتونیم props ایی با نام message به آن پاس دهیم.
       <View>
           	 <Heading message={'any text...'}/>
           </View>
      
      برچسب ها
      ردیفعنوان
      1ساخت اولین پروژه React Native
      2مفهوم props در برنامه نویسی React Native
      3کار کردن با state در React Native
      دورهمجموعه کل دوره
      مطالب مرتبط

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

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

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