用路由器反应404页面

时间:2019-07-18 09:08:56

标签: reactjs http-status-code-404 router

我在显示404页面时遇到问题 我已经阅读了stackoverflow中的所有相关问题,但我的有所不同。 我的代码是这样的:

import React, {Component} from 'react';
import './App.css';
import {Route} from "react-router";
import {Switch, BrowserRouter} from 'react-router-dom';


export default class App extends Component {

render() {
    return (
        <div className="App">
            <BrowserRouter>
                <Switch>

                    <Route path={"/panel"} render={() =><span>Panel Page</span>}/>
                    <Route path={"panel/link1"} exact render={() => <h1>Link1 is OPEN</h1>}/>
                    <Route path="*" render={() => <h1>Not Found!</h1>}/>

                </Switch>
            </BrowserRouter>
        </div>
    );
}
}

“未找到”组件仅适用于任何未定义的URL,未以开头(因为路由不正确) 但我希望它也适用于:/ panel / undefined 之类的网址 请帮助我。

1 个答案:

答案 0 :(得分:0)

尝试此选项

break