Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何在react中从404错误页面重定向到主页?_Reactjs_React Router - Fatal编程技术网

Reactjs 如何在react中从404错误页面重定向到主页?

Reactjs 如何在react中从404错误页面重定向到主页?,reactjs,react-router,Reactjs,React Router,我是react的新手,我只想知道如何将用户从404错误页面重定向到主页这是我在GitHub上的项目repo 这是我的路线代码 import React, {Component} from 'react'; import { BrowserRouter, Route, Switch, Link, Redirect } from 'react-router-dom'; import Home from './components/home'; import About from './compon

我是react的新手,我只想知道如何将用户从404错误页面重定向到主页这是我在GitHub上的项目repo

这是我的路线代码

 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;
import React,{Component}来自'React';
从“react router dom”导入{BrowserRouter,Route,Switch,Link,Redirect};
从“./components/Home”导入Home;
从“./components/About”导入关于;
从“./components/Contact”导入联系人;
从“./components/Navbar”导入Navbar;
从“/components/404”导入未找到的文件;
类路由扩展组件{
render(){
返回(
);
}
}
导出默认路径;

如果您想立即从404重定向到主页(从未看到
未找到的
组件),您可以用以下代码替换最后一条路由(
):


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

如果您想立即从404重定向到主页(而从未看到
NotFound
组件),则可以替换上一个路由(
)使用此代码:


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

您的GitHub链接是404 not found。@enkrates抱歉,这是一个私有的repo我的错误,现在是公共的,请给它一个快照,如果url没有映射到任何路由e、 你想重定向到主页吗?你的GitHub链接是一个404未找到。@enkrates抱歉,这是一个私人回购我的错误,现在它是公共的,给它一个快照。因此,如果url没有映射到任何路由,你想重定向到主页吗?