react-router4 中设置NoMatch不起作用,如何解决?
根据官网文档我这样设置NoMatch,但是当页面找不到没有跳转到NoMatch页面这是为什么?
<Router>
<Switch>
<Route exact path="/account/register" component={Register}/>
<Route exact path="/account/login" component={Login}/>
<Route exact path="/email/verify/:token" component={VerifyEmail}/>
<Route path="/" component={Layout}/>
<Route component={NoMatch}/>
</Switch>
</Router>
这是NoMatch组件:
import React from 'react'
import { withStyles } from 'material-ui/styles'
const styles = theme=>({
});
class NoMatch extends React.Component{
constructor(props){
super(props);
}
render(){
return(
<div>404 not found </div>
)
}
}
export default withStyles(styles)(NoMatch)
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
加上exact