freeCodeCamp/guide/arabic/certifications/front-end-libraries/react/review-using-props-with-sta.../index.md

969 B

title localeTitle
Review Using Props with Stateless Functional Components استعراض استخدام الدعائم مع مكونات وظيفية عديمة الحالة

استعراض استخدام الدعائم مع مكونات وظيفية عديمة الحالة

إشارة

  • المكون الوظيفي (المجهول عديم الحالة) هو مجرد وظيفة جافا سكريبت عادي يأخذ الدعائم كوسيطة ويعيد عنصر تفاعل.
  • استخدم Component.defaultProps لتعيين الأدوات الافتراضية.
  • استخدم Component.propTypes لتعيين أنواع الدعائم.

حل

`const Camper = props => (

{props.name}

);

Camper.defaultProps = { name: 'CamperBot' };

Camper.propTypes = { name: PropTypes.string.isRequired }; `

رابط ذو صلة