Ahmed Sawy نشر 26 أكتوبر 2020 أرسل تقرير مشاركة نشر 26 أكتوبر 2020 انا قمت بعمل تطبيق للأخبار وقمت بعمل fetch data عن طريق axios لكنى لم استخدم async , await و أنا أريد جعل هذا spinner يدور عند التحميل ويقف بعد التحميل .. ما المفترض ان افعل فى هذا الكود التالى ؟؟؟ او ما هو المكان المناسب المفروض اضع فيه setlaoding (true ) اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Yomna Raouf نشر 26 أكتوبر 2020 أرسل تقرير مشاركة نشر 26 أكتوبر 2020 هنا نحن نحتاج لإيقاف ال spinner بعد أن يتم تحميل البيانات. إذا من المفترض أن نقوم باستخدام ;(setLoading(false في نهاية الدالة ()getNews اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Ahmed Sawy نشر 26 أكتوبر 2020 الكاتب أرسل تقرير مشاركة نشر 26 أكتوبر 2020 بتاريخ منذ ساعة مضت قال Yomna Raouf: هنا نحن نحتاج لإيقاف ال spinner بعد أن يتم تحميل البيانات. إذا من المفترض أن نقوم باستخدام ;(setLoading(false في نهاية الدالة ()getNews جربتها ولم تنجح اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Yomna Raouf نشر 26 أكتوبر 2020 أرسل تقرير مشاركة نشر 26 أكتوبر 2020 بتاريخ 1 ساعة قال Ahmed Sawy: جربتها ولم تنجح هل يمكنك أن تحذف السطر الأول و الأخير الموجود في useEffect : setLoading(true) // و setLoading(false); ثم نقوم بتعديل getNews لتصبح كما يلي: // or cost getNews = () => { if (!News.length) { setLoading(true) // fetch code } else { setLoading(false) } } يوجد حل آخر أيضًا. سنقوم بالاستغناء عن جملة useState الخاصة ب loading تمامًا ، ثمً: <View> { !news.length ? ( <ActivityIndicator animating={true} /> ): ( < FlatList /> )} </View> اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
1 Mohammed Saber6 نشر 26 أكتوبر 2020 أرسل تقرير مشاركة نشر 26 أكتوبر 2020 بتاريخ 10 دقائق مضت قال Ahmed Sawy: جربتها ولم تنجح مرحباً محمد: قم بعمل الآتي axios .get('url') .then(res => /* الكود الذي تريد كتابته في حالة النجاح */) .catch(error => /* الكود الذي تريد كتابته في حالة الفشل */) .finally(() => /* الكود الذي تريد كتابته في حالة النجاح أو الفشل */) // اكتب بداخل finally function getNews() { // قم بتشغيل التحميل setLoading(true); axios .get('url') .then(res => /* الكود الذي تريد كتابته في حالة النجاح */) .catch(error => /* الكود الذي تريد كتابته في حالة الفشل */) .finally(() => setLoading(false)) } اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 رضوان نسيم نشر 26 أكتوبر 2020 أرسل تقرير مشاركة نشر 26 أكتوبر 2020 (معدل) أخ أحمد. الخطأ الذي تواجهه هو أن جافاسكربت مختلفة عن php في php لا يمر إلى الأمر الثاني قبل أن يكتمل الأول في جافاسكربت يتم المرور الى الأمر الثاني سواء إكتمل الامر الأول أو لم يكتمل. حل خطئك هو useEffect(()=> { getNews() },[]) function getNews() { setLoading(true) Germany.get(...) .then(function (response) {// لا تحتاج async هنا setNews(response.data) setLoading(false) // أو وضعها في .finally() }) .catch( //... setLoading(false) //أو وضعها في .finally() alert(error) ) //... } المزيد عن دوال .then و .catch تم التعديل في 26 أكتوبر 2020 بواسطة رضوان نسيم اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
1 Yassin Hussein نشر 2 نوفمبر 2020 أرسل تقرير مشاركة نشر 2 نوفمبر 2020 في جافاسكربت يتم التعامل مع العمليات الغير متزامنة مثل طلب البيانات من السيرفر في حالتك في دالة getNews() بتخطيها و تفيذ الكود الذي تحته ثم يتم تنفيذ دالة getNews() بعد ان يكتمل يمكن القراء اكثر عن ال event loop في الجافاسكربت لفهم هذا بشكل افضل في حالتك سوف يتم تفيذ setLoading(true) // يتم تفيذهذا اولا setLoading(false)// ثم هذا ثانيا getNews() // اخيرا يتم تفيذ هذا الداله لانها تحتاج الي بعض الوقت حتي تكتمل // جرب هذا useEffect(()=> { setLoading(true)// هنا getNews() },[]) function getNews() { Germany.get(...) .then(function (response) { setNews(response.data) setLoading(false) //هنا }) .catch( //... alert(error) ) //... } اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
Ahmed Sawy
انا قمت بعمل تطبيق للأخبار وقمت بعمل fetch data عن طريق axios لكنى لم استخدم async , await
و أنا أريد جعل هذا spinner يدور عند التحميل ويقف بعد التحميل ..
ما المفترض ان افعل فى هذا الكود التالى ؟؟؟ او ما هو المكان المناسب المفروض اضع فيه setlaoding (true )
رابط هذا التعليق
شارك على الشبكات الإجتماعية
6 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.