loading.js

Bir yükleme dosyası, Suspense üzerine kurulu anlık yükleme durumları oluşturabilir.

Varsayılan olarak, bu dosya bir Sunucu Bileşenidir - ancak "use client" yönergesi aracılığıyla bir İstemci Bileşeni olarak da kullanılabilir.

app/feed/loading.tsx
export default function Loading() {
  // Or a custom loading skeleton component
  return <p>Loading...</p>
}

UI bileşenlerinin yüklenmesi herhangi bir parametre kabul etmez.

Bildiğim iyi oldu

  • Yükleme kullanıcı arayüzünü tasarlarken, Askıya Alma sınırlarını manuel olarak değiştirmek için React Geliştirici Araçlarını kullanmayı yararlı bulabilirsiniz.

Version History

VersionChanges
v13.0.0loading introduced.