routage à double rendu en cas correspondant à ne pas reactJS

Question

Salut tout ce que j'ai un problème de routeur redux ...

je définissais ces deux voies:

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

Les deux itinéraires sont affichés ...

le * ne doit être affiché que s'il n'y a pas d'autres correspondances

Answer 1

Vous devez utiliser Route-Switch pour créer une page NoMatch. Comme ceci:

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

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