میلاد کریمی
5 سال پیش توسط میلاد کریمی مطرح شد
3 پاسخ

lifecycle component در React - React native

سلام وقت بخیر
دوستان میتونید یه توضیح کوتاه در مورد lifecycle کامپوننت در آخرین ورژن های ری اکت رو بفرمائید، مثلا


componentWillMount(){
...
}
componentWillUnmount(){
...
}
componentDidMount(){
...
}
componentWillReceiveProps(){
...
}

در چه زمانی استفاده میشن و چه کارایی دارند
اگر هر کدوم از فانکشن ها رو جا انداختم ممنون میشم بگید، فکر میکنم مشکل خیلی از بچه هاس و اینکه تو کیفیت کار هم تاثیر زیادی داره؟
@hesammousavi
@elyasbeshkani


ثبت پرسش جدید
علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
0

صحیح ترش اینه که بهشون بگیم LifeCycle Events

می‌تونید به LifeCycle Events به عنوان:
یک سری وقایع که از بدو تولد یک کامپوننت، تا زمان مرگش اتفاق میفته; نگاه کنید.
هر کامپوننت در React از چرخه حیات این رویدادها میگذره..
من دوست دارم به شکل چرخه‌ای شامل تولد، رشد و مرگ بهش نگاه کنم:

  • Mounting (تولد کامپوننت)
  • Update (رشد کامپوننت)
  • Unmount (مرگ کامپوننت)

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

یکی از پر کابردر ترین متدها در هر کامپوننت React متد render هست که در حین mounting یا updating اتفاق میفته
متد render باید یک متد pure باشه.. یعنی با پاس دادن داده های ثابت باید همیشه یک خروجی ثابت رو بگیرید و نباید side-effect ی داشته باشید. پس نباید از setState داخل render استفاده کرد.


مثلا componentDidMount پس از تولد یا بوجود اومدن کامپوننت اجرا میشه.. پس میتونه جای خوبی برای ارسال درخواست به سمت API باشه..


یا componentWillReceiveProps رو در نظر بگیرید
هر وقت کامپوننت شما Prop ی رو دریافت کنه.. این متد خود به خود اجرا میشه...
فرض کنید با دریافت یک prop شما قرار باشه یک State رو تغییر بدید و کامپوننت رو دوباره رندر کنید.. خوب این رویداد میتونه کاربرد داشته باشه.


تصویر زیر مراحل کامل اتفاق افتادن این رویدادها رو نشون میده:


میلاد کریمی
تخصص : برنامه نویس Frontend
@mihancivil 5 سال پیش مطرح شد
0

مرسی از شما @ali.bayat
خیلی عالی توضیح دادید و عکس هم متاسفانه نتونستم ببینم اگر میشه بزاریدش

will در کدام قسمت چرخه قرار میگیره؟ مثل componentWillReceiveProps که فکر کنم الان هم تغییر نام پیدا کرده ..
و سوال بعدی اینکه UN SAFE که پیشنهاد میده این رو هم اگر میشه توضیح بدید.


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام