مشكلة في قائمة collapsed اطار react js

يمكنك استخدام الخطاف 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) للمكون. 

بتاريخ 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) للمكون. 

شكراً جداً جداً ... أنا كنت تايه من الصبح فيها.

هو أنا كده عاملها بطريقة صح ولا لها حل أسرع؟ ولو فيه حاجة من أعمال حضرتك فيها فكرة أفضل للقائمة من اللي انا عامله ابعتلي الفايل بس وأنا هحاول أفهمه.

وأشكرك جدا