هذا برنامج تعليمي سهل الاستخدام للمبتدئين حول كيفية استخدام الدعائم. من المهم أن تفهم ما هو التدمير وكيفية استخدام/إنشاء المكونات قبل القراءة.

الدعائم، اختصار للخصائص، تسمح لنا الدعائم بإرسال معلومات من المكونات الأصلية إلى المكونات الفرعية، ومن المهم أيضًا ملاحظة أنها يمكن أن تكون أي نوع بيانات.

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

ParentPlant() {
  return  
}

القاعدة الجيدة التي يجب تذكرها عند إنشاء Props هي: لا تحتاج السلاسل إلى أقواس متعرجة حول قيمتها، فنحن نفعل ذلك فقط لأنواع البيانات الأخرى. كما ترون أعلاه، يمكننا الحصول على العديد من الدعائم عن طريق تخصيصها للمكون الأصلي. عندما تكون لدينا الدعائم الخاصة بنا ضمن مكوننا، فمن المهم أن نعرف أننا نقوم بتمريرها إلى الأسفل من الناحية الفنية. بمجرد تمرير الدعائم الخاصة بنا إلى الأسفل، نحتاج إلى أن نكون قادرين على استقبالها ضمن المكون المطلوب. في هذه الحالة مكون ChildPlant الخاص بنا.

تلقي الدعائم:

function ChildPlant(props) {
  return (
    
      {props.text} {props.number}
    >
  )
}

نحن نفعل الأشياء هنا: 1. نحن نتلقى الدعامة الخاصة بنا ضمن معلمة مكون ChildPlant الخاص بنا، 2. نقوم بتدمير قيم الدعامة الخاصة بنا عبر اسم الدعامة الخاصة بنا. من المهم أن تعرف أن الخاصيات ليست معلمة ولكنها تعمل بشكل مشابه لمعلمة واحدة.

الطريقة الوحيدة لتمرير بيانات المكون الأصلي إلى المكون الفرعي الخاص به هي عبر الدعائم. أحب أن أفكر في الأمر مثل الحمض النووي، حيث يحمل المكون الأصلي جوانب من نفسه موجودة بالفعل بداخله. نظرًا لأن هذا الطفل يمكن أن يمتلك أيضًا جوانب من الحمض النووي لوالديه، فإن الدعائم تعمل مثل المنشط الذي يجعل شعر هذا الطفل أحمر أو أسود أو أشقر.

يتم استلام الدعائم في الوظيفة الفرعية ويتم إرسالها عبر الوظيفة الأم، ولكن لا يمكن إرسال الدعائم إلا ولا يتم إرسالها مرة أخرى مطلقًا. يمكننا أن نفكر في الدعائم كأشياء أيضًا. وذلك لأنهم يحتفظون بشكل أساسي بالبيانات الموجودة فيها على غرار أزواج المفتاح: القيمة. للرجوع إلى سبب تشابهها مع المعلمات، فهي تقوم بتخزين كائنات متعددة بداخلها. أحب أن أفكر في المنطقة التي يتم فيها تلقي الدعائم كعناصر نائبة. إنها تشغل مساحة لبعض الكائنات التي نرغب في مشاركتها مع مكوننا وتبديلها عندما نحتاج إليها، من خلال التدمير والترميز النقطي.

إليك طريقة جيدة لتصور ذلك:

هنا يمكننا تصور الدعائم التي تحتوي على كل شيء داخل صناديقنا المربعة، كل منها يحمل قيمة البيانات الخاصة به من المثال الأول. الآن نستخدم فقط طريقة التدمير الخاصة بنا للحصول على قيمة دعامتنا. وهذه هي كيفية استخدام الدعائم باختصار!