مشكلة operation أثناء تسجيل الدخول

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

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

أما بالنسبة لأخطاء المتصفح، فهي غالباً بسبب أنه يتم اعتبار الرد response الذي يأتي من عملية تسجيل الدخول null وبالتالي أي عمليات تتم بالاعتماد على هذه القيمة ستحدث خطأ لك في حال لم تقم بالتقاط الأخطاء بالشكل الصحيح.

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

بتاريخ 21 ساعة قال Sam Ahw:

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

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

أما بالنسبة لأخطاء المتصفح، فهي غالباً بسبب أنه يتم اعتبار الرد response الذي يأتي من عملية تسجيل الدخول null وبالتالي أي عمليات تتم بالاعتماد على هذه القيمة ستحدث خطأ لك في حال لم تقم بالتقاط الأخطاء بالشكل الصحيح.

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

عندما أستعمل useNavigate يقوم بعمل ريندر لانهائي ويظهر لي هذا الخطأ في الكونسول 

Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.