لوحة المتصدرين

السلام عليكم. أجد مشكلة في حسن توظيف react hooks. في المثال التالي عند النقر على زر معين أريد تغيير الكلاس فقط للزر الذي وقع النقر عليه. ( أنا عندما أنقر على الزر يتغير الكلاس الخاص بكل العناصر) الكود: import React,{useState} from 'react' import'../../assets/css/custom.css' function SideBarMenu() { let accordionMenuDivInside = [ { id : 1, img_src : "test.png", content : "Living Room", ul : { li_1 : "Sofa", li_2 : "Beds", li_3 : "Tv Units", } }, { id : 2, img_src : "test.png", content : "Living Room", ul : { li_1 : "Sofa", li_2 : "Beds", li_3 : "Tv Units", } }, { id : 3, img_src : "test.png", content : "Living Room", ul : { li_1 : "Sofa", li_2 : "Beds", li_3 : "Tv Units", } }, { id : 4, img_src : "test.png", content : "Living Room", ul : { li_1 : "Sofa", li_2 : "Beds", li_3 : "Tv Units", } }, { id : 5, img_src : "test.png", content : "Living Room", ul : { li_1 : "Sofa", li_2 : "Beds", li_3 : "Tv Units", } }, ] const [active , setActive] = useState('accordion') const handleClick = () =>{ active === 'accordion' ? setActive('accordion active') : setActive('accordion') } return ( <div className="accordionMenuDiv"> <div className="accordionMenuDivInside"> { accordionMenuDivInside.map(item => { return ( <React.Fragment key={item.id}> <button className={active} onClick={handleClick}> <img className="accordionMenuIcon" alt='' src={item.img_src} /> {item.content} </button> <div className="panel"> <ul> <li><a href="/#" className="accordionItem" > {item.ul.li_1}</a></li> <li><a href="/#" className="accordionItem" > {item.ul.li_2}</a></li> <li><a href="/#" className="accordionItem" > {item.ul.li_3} </a></li> </ul> </div> </React.Fragment> ) }) } </div> </div> ) } export default SideBarMenu شكرا.

يمكنك استبدال الوظيفة handleClick بالوظيفة التالية والمبنية في جافاسكريبت لتنفيذ مثل هذه الوظيفة : <button className={active} onClick={(e) => { e.target.classList.toggle("accordion") e.target.classList.toggle("active") }}> <img className="accordionMenuIcon" alt='' src={item.img_src} /> {item.content} </button> توثيق الوظيفة toggle() الرسمي

السلام عليكم قمت بإنشاء حساب على amazon AWS للاستفادة من خدماتهم السحابية (أعمل على إنشاء موقع إلكتروني) ولكن عندما أحاول الدخول لخدمات amazon s3 لاختيار باقة من باقات التخزين لديهم تظهر لي رسالة خطأ بأن هناك مشكلة في بيانات الدفع الخاصة بي مع أن البيانات التي قمت بإدخالها صحيحة فأرجو المساعدة في حل هذه المشكلة أرفقت صور توضح المشكلة عندما أحاول الدخول للخدمات تظهر لي الصورة الأولى: و عندما أضغط على complete your AWS registration تظهر لي الصورة الثانية أما الصورة الثالثة والرابعة فهي من اعدادات الحساب بالمناسبة المنطقة Middle East (UAE) لم تكن مفعلة enabled كانت مثل التي فوقها ولكني فعّلتها ولم تُحل المشكلة

لا يوجد لغة أفضل من الأخرى كل لغة و لها تطبيق استخدام اختيارك للغة يعتمد على ما تريد أن تفعل. مع ذلك أنا لا أرجع تعلم php ان كنت لم تبدأ في التعلم بعد من الأفضل أن تتعلم JavaScript أو Python و السسب هو متطلبات سوق العمل على المدى البعيد حيث أن الطلب على php في تناقص مستمر (يمكنك التحقق من ذلك في مكان اقامتك). في حال اخترت JavaScript فأنك لن تضطر لتعلم غيرها لأنها تستخدم في كلى الجانبين frontEnd و BackEnd. انما في حالة قمت باختيار python فانه يجب أن تتعلم معها JavaScript لل frontEnd لان بايثون تستخدم في ال Backend فقط. هل من الممكن انا كون مطور مواقع وتطبيقات ام يجب ان اتخصص في مجال واحد فقط؟؟ يمكن ذلك في حال قمت باختيار javaScript لان js بها مكتبة تستخدم في بناء المواقع React و مكتبة تستخدم في بناء تطبيقات الهواتف و هي React Native هذه التطبيقات تكون هجينة أي أنها تعمل على andoid و IOS دون الحاجة الى كتابة كود منفصل لكل تطبيق. يمكنك تعلم React و من ثم React Native لتقوم بالتطوير للويب و الموبايل . و كلا المكتبتان متماثلتان تماما فلن تجد صعوبة في تعلم React Native بعد أن تتعلم React. هل يمكن تعلم اكثر من لغة برمجة في نفس الوقت؟؟ فقط قم بالتركيز على لغة واحدة في البداية و لا تشتت نفسك لأن هذا سيسبب ضياع وقتك بدون جدوى في الواقع. تعلو الأساسيات في لغة واحدة بعد ذلك ستتمكن من تعلم أي لغة أخرى بسهولة لان الأساسيات واحدة في جميع اللغات الفرق فقط طريقة الكتابة "syntax".

هنالك عدةّ طرق للطباعة في سطر واحد في لغة بايثون، وبما أنك أردت استخدام print للطباعة فيجب عليك أن تضع فاصلة بعد العنصر الذي تريد طباعته حتى لا يتم الرجوع إلى السطر (تعمل في الإصدار 2.7 من بايثون): print item, أما لو كنت تستخدم إحدى الإصدارات الجديدة من بايثون مثل الإصدار 3 ففي هذه الحال يمكنك تمرير النهاية التي تريدها إلى دالة print بدلا من الرجوع إلى السطر. قمنا في هذا المثال بوضع مسافة: print(item, end=" ")