章節連結
近期在使用 React Router DOM 時，發現在使用 lazy() 的狀態進行頁面切換下，會短暫出現 404 error 的內容。其實這個內容是自行定義也可以避免的，這邊筆記一下方法。
內容
若你使用 lazy() 或是 <Suspense> 來延遲載入，於元件切換時確實是有機會出現你設定在 <Suspense> 的 fallback 內容。換言之，你可以好好的自定義這個內容，如此一來你就不會覺得奇怪了。
|
1 2 3 |
<Suspense fallback={<div>Loading...</div>}> <RouterProvider router={router}></RouterProvider> </Suspense> |
