لود شدن صفحه
سلام خسته نباشید
کاربر زمانی که میخواد به صفحه پروفایلش لاگین کنه کمی طول میکشه تا دیتاها براش دانلود شه
حالا من میخوام تا زمانی که دیتاها بصورت کامل لود نشده لوگو لودینگ رو صفحه نمایش بده
ممنون میشم اگه راهنماییم کنید که این مشکلمو حل کنم
پاسخ‌ها
5
تا زمانی که lazy component پیچیده شده با Suspense کامل رندر نشده فالبک شما که میتونه یه اسپینر باشه رو نمایش میده
خب یه شرط بذار مثلا اینطوری
<div>
{ !data && <img src="loading.svg"> }
{ data && <div>data</div> }
</div>
منظور من لود کلی هستش مثلا بعضی از سایتا که وارد میشی تا کل سایت لود نشده نمیتونی کاری رو انجام بدی
گفتگوهای مرتبط
شاید پاسخ شما همین‌جا باشد
سلام
در react باید از کامپوننت Suspense و متود lazy استفاده کنید که از خود ماژول react میتونید ایمپورتشون کنید.
کاربردش خیلی سادست. یه سرچ ساده بزنید متوجه نحوه کارکردش میشید.
درضمن به هیچ عنوان دامو در react به طور مستقیم دستکاری نکنید. رویکرد برنامه های استاندارد react اعلامی هست نه امری
من به اینصورت تو فایل App ازش استفاده کردم
<DataProvider>
<Router>
<div>
<Header />
<Suspense fallback={<Loading />}>
<Body />
</Suspense>
</div>
</Router>
</DataProvider>فقط میخواستم بدونم Suspense دقیقا چطور عمل میکنه
یعنی تا زمانی که فایل bundle.js کامل دانلود نشده تو این حالت قرار میگیره ؟؟