路由双重渲染reactJS

Question

大家好我有一个终极版路由器的问题...

我定义这两个路线：

<Route path="/*" component={() => (<Error/>)}/> 
<Route exact path="/" component={() => (<Logins foo={"test"} loginHandler={this.props.loginHandler}/>)}/> 

两条路线都显示...

*应该只显示如果没有其他匹配

Answer 1

你应该使用路由开关做一个NoMatch页面。像这样：

import { Switch, Route } from 'react-router' 

<Switch> 
    <Route exact path="/" component={() => (<Logins foo={"test"} loginHandler={this.props.loginHandler}/>)}/> 
    <Route component={() => (<Error/>)}/> 
</Switch>