اعتبار سنجی پراپرتی ها در ReactJS – آموزش ReactJS

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

reactjs props validation 6118 تصویر

اعتبار سنجی پراپرتی ها در ReactJS

اعتبار سنجی پراپرتی ها در ReactJS یک راه مفید برای بهبود کارایی و کمتر کردن باگ های نرم افزاری است. این امر در طول توسعه نرم افزار به برنامه نویس کمک می کند تا از بروز ایراداتی و مشکلاتی که در آینده (زمانی که برنامه بزرگ تر شود) ممکن است بوجود آیند، جلوگیری کند. همچنین باعث افزایش خوانایی کدها می شود، زیرا ما چگونگی استفاده از هر کامپوننت را مشاهده می کنیم.

مثال

در این مثال ما کامپوننت App را با تمام props های مورد نیازمان ایجاد کرده ایم. App.propTypes به منظور اعتبار سنجی پراپرتی ها استفاده می شود. اگر برخی از پراپرتی ها از نوع صحیحی که ما تعیین کرده ایم، استفاد نکنند، در صفحه کنسول هشدار دریافت می کنیم. بعد از تعیین الگوی اعتبار سنجی، App.defaultProps را تنظیم خواهیم کرد.

محتوای فایل App.jsx:

محتوای فایل main.js:

خروجی مثال:

reactjs props validation 6118 تصویر

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

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