react router redirect 404 code example

Example 1: react router 404 redirect

<Route path='*' exact={true} component={My404Component} />
 // Or don't mention path
<Route component={My404Component} />

Example 2: react router catch all 404

<Switch>
   <Route path="/" exact component={Home}/>
   <Route path="/about" component={About}/>
   <Route component={Page404} />
</Switch>

Example 3: route with parameter react not working not found

<div>
    <Router history={browserHistory}>
        <Route path="/" component={NewCustomerContainer} />
        <Route path="/newCustomer" component={NewCustomerContainer} />
        <Route path="/search" component={SearchPageContainer} />
        <Route path="/network" component={NetworkMetaContainer}>
            <Route path="/:id" component={NetworkContainer}/>
        </Route>
    </Router>
</div>

Tags:

Misc Example