x
1 سال پیش توسط x مطرح شد
5 پاسخ

لود شدن صفحه

سلام خسته نباشید
کاربر زمانی که میخواد به صفحه پروفایلش لاگین کنه کمی طول میکشه تا دیتاها براش دانلود شه
حالا من میخوام تا زمانی که دیتاها بصورت کامل لود نشده لوگو لودینگ رو صفحه نمایش بده
ممنون میشم اگه راهنماییم کنید که این مشکلمو حل کنم


ثبت پرسش جدید
پویا باقری
تخصص : برنامه نویس وب
@Pouyab 1 سال پیش مطرح شد
1

تا زمانی که lazy component پیچیده شده با Suspense کامل رندر نشده فالبک شما که میتونه یه اسپینر باشه رو نمایش میده


محمد حسین
تخصص : mevn stack
@saghari 1 سال پیش آپدیت شد
1

خب یه شرط بذار مثلا اینطوری

<div>
    { !data && <img src="loading.svg"> }
    { data && <div>data</div> }
</div>

x
تخصص : هیچولوژیست
@SZaaaa1111 1 سال پیش مطرح شد
0

@hussain2

منظور من لود کلی هستش مثلا بعضی از سایتا که وارد میشی تا کل سایت لود نشده نمیتونی کاری رو انجام بدی


پویا باقری
تخصص : برنامه نویس وب
@Pouyab 1 سال پیش آپدیت شد
1

سلام
در react باید از کامپوننت Suspense و متود lazy استفاده کنید که از خود ماژول react میتونید ایمپورتشون کنید.
کاربردش خیلی سادست. یه سرچ ساده بزنید متوجه نحوه کارکردش میشید.
درضمن به هیچ عنوان دامو در react به طور مستقیم دستکاری نکنید. رویکرد برنامه های استاندارد react اعلامی هست نه امری


x
تخصص : هیچولوژیست
@SZaaaa1111 1 سال پیش مطرح شد
0

@Pouyab

من به اینصورت تو فایل App ازش استفاده کردم

    <DataProvider>
      <Router>
        <div>
          <Header />
          <Suspense fallback={<Loading />}>
          <Body />
          </Suspense>
        </div>
      </Router>
    </DataProvider>

فقط میخواستم بدونم Suspense دقیقا چطور عمل میکنه
یعنی تا زمانی که فایل bundle.js کامل دانلود نشده تو این حالت قرار میگیره ؟؟


پویا باقری
تخصص : برنامه نویس وب
@Pouyab 1 سال پیش مطرح شد
1

تا زمانی که lazy component پیچیده شده با Suspense کامل رندر نشده فالبک شما که میتونه یه اسپینر باشه رو نمایش میده


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام