How to redirect to 404 if particular dynamic page is unavailable in react

Question

I have multiple routes. all pages are working fine with displaying 404 page if the URL is not proper. how to redirect to 404 the page if ordere ID is not available for such dynamic page.

routes

  <BrowserRouter>
    <App>
      <Switch>
        <Route exact path="/Dashboard" component={authGuard(Home)} />
        <Route path="/Shop/Order/:orderID" component={authGuard(Order)} />
        <Route path="/Shop/Shop-orders" component={authGuard(ShopOrders)} />
        <Route path="/Shop/Shop-products" component={authGuard(ShopProducts)} />
        <Route path="/Shop/Product/:productID" component={authGuard(Product)} />
        <Route path="/Shop/Sign-in" component={loggedInGuard(SignIn)} />
        <Route path="/Shop/Shop-profile" component={authGuard(Profile)} />
        <Route exact path="/Shop/Invoice" component={authGuard(Invoice)} />
        <Route path="/Shop/Invoice/:billID" component={authGuard(Bill)} />
        <Route path="" component={PageNotFound} />
      </Switch>
    </App>
  </BrowserRouter>

check in componentDidMount if paramId is valid, if not then redirect to 404 — token, Jun 25 '20 at 13:09
how do I do that? with whom should I compare the param value with? @MikołajRutecki — Sagar Chavan, Jun 25 '20 at 13:11
`allOrdersData.forEach(el => { if (el === []) { return } })` — Sagar Chavan, Jun 25 '20 at 13:34

score 0 · Answer 1 · answered Jun 25 '20 at 13:19

0

check this answer I think it might help you

React-Router: No Not Found Route?

but it is something like this

   <Switch>
    <Route path="/404" component={PageNotFound} />
    <Redirect to="/404" />
   </Switch>

answered Jun 25 '20 at 13:19

Roozbeh Mohammadzadeh

659
6
22

Nope didn't work It still renders orders page without data . – Sagar Chavan Jun 25 '20 at 13:25
That's another problem. I think that you want to render otder page with data. – new Q Open Wid Jun 26 '20 at 18:32

How to redirect to 404 if particular dynamic page is unavailable in react

1 Answers1