پاسخ داده شد
0
0

چطور وقتی خطای 404 رخ داد، صفحه موردنظرمان را به کاربر نشان دهیم؟

خطای 404 در react

  • شما باید برای ارسال دیدگاه شوید
پاسخ عالی
0
0

با کمک گرفتن از 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>

  • شما باید برای ارسال دیدگاه شوید
نمایش 1 نتیجه
پاسخ شما
اگر قبلاً حساب کاربری دارید با پر کردن فیلد های زیر یا به عنوان مهمان ارسال کنید.
نام*
ایمیل*
وب سایت