چطور وقتی خطای 404 رخ داد، صفحه موردنظرمان را به کاربر نشان دهیم؟
- نفیسه افقی 2 سال قبل سوال کرد
- آخرین ویرایش 2 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید
با کمک گرفتن از Route
و Navigate
و ساخت یک کامپوننت جدا برای صفحه خطا 404 این کار را انجام می دهیم.
1- اول وارد فایل App.js شوید (جایی که Route ها را ساخته اید. برای ساخت Route و لینک به صفحات مختلف، اینجا را ببینید). حالا Route زیر را بسازید:
<Route path='*' element={ <Navigate to="/404" />} />
* در اینجا با path='*'
می گوییم که هر لینکی که در Route های از قبل تعیین شده نیست، به این Route بیاید.
* با <Navigate to="/404" />
، کاربران را به لینک 404/ هدایت یا redirect می کنیم (این کار دلخواهی است، برای اینست که در نوار مرورگر، 404/ را ببینند. شما می توانید کامپوننت موردنظرتان را در همین Route بگذارید و اصلاً redirect نکنید)
2- حالا یک Route دیگر برای 404/ می سازیم و کامپوننت <NotFound />
را که مختص خطای 404 ساختیم را به آن می دهیم. در کامپوننت هر دیزاینی که می خواهید را استفاده کنید:
<Route exact path="/404" element={<NotFound />}></Route>
- نفیسه افقی 2 سال قبل پاسخ داد
- آخرین ویرایش 2 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید