Как я могу перенаправить со страницы ошибки 404 на домашнюю страницу в реакции?

Question

Я новичок в реакции, и я просто хочу знать, как я могу перенаправить пользователя со страницы 404 Error на домашнюю страницу, вот мой репозиторий проекта на GitHub Репозиторий проекта Github

Вот мой код маршрута

 import React, {Component} from 'react';
import { BrowserRouter, Route, Switch, Link, Redirect } from 'react-router-dom';
import Home from './components/home';
import About from './components/about';
import Contact from './components/contact';
import Navbar from './components/navbar';
import NotFound from './components/404';

class Routes extends Component {
  render(){
    return(
      <BrowserRouter>
        <div>
          <Navbar />
          <Switch>
            <Route path='/' component={Home} exact />
            <Route path='/home' component={Home} />
            <Route path='/about' component={About}  />
            <Route path='/contact' component={Contact} />
            <Route component = {NotFound}/>
          </Switch>
        </div>
      </BrowserRouter>
    );
  }
}

export default Routes;

Answer 1

Если вы хотите немедленно перенаправить с 404 на домашнюю страницу (даже не видя этот компонент NotFound), вы можете заменить последний маршрут (<Route component = {NotFound}/>) следующим кодом:

<Redirect to="/" />

Это должно перехватывать любые пути, которые не совпадают с другими маршрутами, так же, как раньше был маршрут NotFound, но вместо рендеринга компонента он отправляет пользователя на домашнюю страницу.