反应路由器v4默认页面(未找到页面)

reactjs React.js

Harry小胖古一

2020-03-18

这是常见的目的,将不匹配的请求定向到未找到的页面。

使用react-router v4进行此操作看起来像以前的版本,我希望此示例在下面工作。链接可以正常工作,但我希望请求的NotFound组件仅请求未知的url;但它总是在那里。

import {
  BrowserRouter as Router,
  Route,
  Link
} from 'react-router-dom'


class Layout extends Component {
  render() {
    return (
    <Router>
      <div className="App">
        <ul>
          <li><Link to="/">Home</Link></li>
          <li><Link to="/user">User</Link></li>
        </ul>
        <Route exact path="/" component={Home}/>
        <Route path="/user" component={User}/>
        <Route path="*" component={Notfound}/>
      </div>
  </Router>
    );
  }
}

在此处输入图片说明 在此处输入图片说明

它既然path="*"代表了所有请求和notfound组件,总是存在在那里,但是我该怎么说隐藏这个组件以获取有效的URL路径呢?

第2166篇《反应路由器v4默认页面(未找到页面)》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android