أحمد الحجار نشر 15 مارس 2022 أرسل تقرير مشاركة نشر 15 مارس 2022 أنا بحاول أعمل project portfolio لوحدي فعندي مشكلة صغر حجم ال window لحجم الموبايل واعمل ريفريش هتلاقي القائمة مفتوحة عايزها تبقى collapsed وهي الشاشة صغيرة بس ودورت كتير ومش لاقي حل. portfolio.rar 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
1 Adnane Kadri نشر 15 مارس 2022 أرسل تقرير مشاركة نشر 15 مارس 2022 يمكنك استخدام الخطاف useEffect لاستدعاء الوظيفة widthResizer المسؤولة عن اظهار واخفاء القائمة الجانبية لديك عند تركيب المكون. يتم ذلك عن طريق التعديل على ملف المكون Navbar/index.js: const widthResizer = () => { if(window.innerWidth > 768){ setVisible(true); }else{ setVisible(false); } } useEffect(() => { widthResizer(); }, []); window.addEventListener('resize', widthResizer); let pages = props.items; return ( .. من المهم اضافة المصفوفة التبعية الفارغة كمعامل ثان لتحميل الوظيفة عند تركيب (عمل mounting) للمكون. 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 أحمد الحجار نشر 15 مارس 2022 الكاتب أرسل تقرير مشاركة نشر 15 مارس 2022 بتاريخ 3 دقائق مضت قال Adnane Kadri: يمكنك استخدام الخطاف useEffect لاستدعاء الوظيفة widthResizer المسؤولة عن اظهار واخفاء القائمة الجانبية لديك عند تركيب المكون. يتم ذلك عن طريق التعديل على ملف المكون Navbar/index.js: const widthResizer = () => { if(window.innerWidth > 768){ setVisible(true); }else{ setVisible(false); } } useEffect(() => { widthResizer(); }, []); window.addEventListener('resize', widthResizer); let pages = props.items; return ( .. من المهم اضافة المصفوفة التبعية الفارغة كمعامل ثان لتحميل الوظيفة عند تركيب (عمل mounting) للمكون. شكراً جداً جداً ... أنا كنت تايه من الصبح فيها. هو أنا كده عاملها بطريقة صح ولا لها حل أسرع؟ ولو فيه حاجة من أعمال حضرتك فيها فكرة أفضل للقائمة من اللي انا عامله ابعتلي الفايل بس وأنا هحاول أفهمه. وأشكرك جدا اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
أحمد الحجار
أنا بحاول أعمل project portfolio لوحدي فعندي مشكلة صغر حجم ال window لحجم الموبايل واعمل ريفريش هتلاقي القائمة مفتوحة عايزها تبقى collapsed وهي الشاشة صغيرة بس ودورت كتير ومش لاقي حل.
portfolio.rar
رابط هذا التعليق
شارك على الشبكات الإجتماعية
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.