Search⌘ K
AI Features
Home
Courses
تعلم React 19: الدليل الكامل لتطبيقات الويب الحديثة

تمرير الخصائص إلى المكونات

تعرّف على كيفية تمرير الخصائص إلى المكونات الفرعية لمشاركة البيانات الديناميكية في React

سنغطي ما يلي...

يستحيل بناء تطبيقات React ديناميكية ومرنة دون تمرير البيانات بين المكونات. وهنا يأتي دور خاصية props ، التي تتيح إعادة استخدام المكونات وجعلها تفاعلية.

فهم الخصائص في React

الخصائص (Props ) هي آلية لنقل البيانات من المكون الرئيسي إلى المكون الفرعي. وهي تسمح للمكونات بأن تكون ديناميكية وقابلة لإعادة الاستخدام من خلال تمكينها من استقبال بيانات إدخال وعرضها وفقًا لذلك.

لماذا تُعدّ الدعائم مهمة؟

  • تدفق البيانات: تعمل الخصائص على تسهيل تدفق البيانات بطريقة أحادية الاتجاه من المكونات الأصلية إلى المكونات الفرعية.

  • إمكانية إعادة الاستخدام: من خلال قبول الخصائص، تصبح المكونات أكثر مرونة ويمكن إعادة استخدامها مع بيانات مختلفة.

  • التخصيص: تسمح لنا الخصائص بتخصيص المكونات، مما يجعلها قابلة للتكيف مع مختلف المواقف.

تمرير الخصائص إلى المكونات

لنبدأ بإنشاء بسيطMessage مكون يقبل الخصائص.

Javascript (babel-node)
function Message(props) {
  return <p>{props.text}</p>;
}
export default Message;

  • الأسطر 1-3: نُعرّفMessage مكون وظيفي يقبلprops كحجة.

    • السطر 2: يُرجع المكون ...