خطا react

إن هذا خطأ في هيكلية الموقع الخاص بك، حيث أنه لا يمكنك أن تضع مكون div داخل مكون p و لا يمكنك أن تضع مكون ul داخل مكون p .

يمكنك أن تستعمل ال span بدلاً عن ال div داخل ال p.

لا يسمى هذا خطأً ولكن تحذير أي warning لا يتسبب بتعطيل التشغيل كما في Error,  تطلقه React عندما تريد تنبيهك إلى أنك لا تسير بالطريق الصحيح في جزءٍ أو أكثر من الكود. كما يظهر التحذير أحيانا في حالة Deprecation أي عندما يراد تنبيهك أن خاصية معينة أو أداة ما سيتم التخلي عنها في النسخ المستقبلية للبرمجية قيد الإستعمال. 

ينهبك التحذير في الصورة المرفقة إلى أنك لا تتبع قواعد HTML القياسية المنصوص عليها من قبل World Wide Web Consortium(W3C). يجب أن نفهم أن كل وسم TAG في HTML له وظيفة محددة أو أكثر, ولا يمكن إستخدام أي من هذه الوسوم بشكل عشوائي حيث يساهم إلتزامك بالقواعد بإنتاج كود برمجي أكثر جودة يتيح لك وللمبرمجين الأخرين الذي قد يعملون على نفس المشروع أنياً أو لاحقاً, من التطوير والمتابعة بمسار صحيح.

الوسم div هو حاوية لحصر مجموعة عناصر بينما p وسم مختص بالنصوص, فلا يمكنك وضع div داخل p. الشيء نفسه يحصل عند محاولتك وضع p داخل ul التي تعني قائمة غير مرقمة والتي من المفترض أن تحتوي li. لا بد من قضاء بعض الوقت في التعرف على خصائص أهم الوسوم شائعة الإستعمال بغية تجنب مثل هذا التحذير مستقبلاً.