这是常见的目的,将不匹配的请求定向到未找到的页面。
使用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路径呢?