کامپوننت های مرتبه بالا (HOC) در ReactJS – آموزش ReactJS

  • جمعه ۲۴ اسفند ۱۳۹۷
  • بازدید ۲۷ نفر

reactjs higher order components 6197 تصویر

کامپوننت های مرتبه بالا (HOC) در ReactJS

کامپوننت های مرتبه بالا (Higher Order Components) توابع جاوا اسکریپتی هستند که به منظور افزودن قابلیت های جدید به کامپوننت موجود استفاده می شوند. این توابع pure هستند، یعنی مقدار بازگشتی آن ها فقط به داده های ورودی بستگی دارد. اگر داده ها تغییر کنند، توابع مرتبه بالا دوباره با داده های ورودی متفاوت اجرا می شوند.

برای درک بهتر موضوع به مثال زیر توجه کنید. تابع MyHOC یک تابع مرتبه بالا است و فقط به منظور انتقال داده MyComponent استفاده می شود. این تابع MyComponent را می گیرد و آن را با newData ارتقا می دهد سپس کامپوننت ارتقا یافته را برای نمایش در صفحه باز می گرداند.

اگر برنامه را اجرا کنید، خروجی زیر را مشاهده خواهید کرد:

react higher order components output 6197 min تصویر

 

نکته! کامپوننت های مرتبه بالا را می توان برای کاربرد های مختلف استفاده کرد. این توابع pure اساس برنامه نویسی تابعی را تشکیل می دهند. اگر از آن ها استفاده کنید، خواهید دید که توسعه و نگهداری برنامه چقدر راحت تر می شود.

ثبت نظر
ریفریش کنید!
نظرات کاربران (۰ مورد)

هیچ نظری ثبت نشده است