تعلم React/

...

/

تمرير الدعائم إلى المكونات

تمرير الدعائم إلى المكونات

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

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

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

فهم الدعائم في React

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

لماذا الدعائم مهمة

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

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

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

تمرير الدعائم إلى المكونات

لنبدأ بإنشاء مكون Message بسيط يقبل الدعامات.

Press + to interact
function Message(props) {
  return <p>{props.text}</p>;
}
export default Message;

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

    • السطر 2: يقوم ...