如何在反应中从 404 错误页面重定向到主页？

Question

我是 React 新手，我只想知道如何将用户从 404 错误页面重定向到主页 这是我在 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}/>使用以下代码替换最后一个 Route ( )：

<Redirect to="/" />

这应该会捕获任何与其他路由不匹配的路径，就像之前的 NotFound 路由一样，但它不会渲染组件，而是将用户发送到主页。