Reagieren Router v4 Komponenten mit ähnlichen Pfaden (fester und dynamischer Pfad param) werden als „überlappende“

Question

Meine Strecken sind wie folgt aufgebaut:

<Route path="/chat/:id" component={Chat} /> 
<Route path="/chat/new" component={NewChat} /> 

Als ich nach chat/new gehe seine auch {Chat} anzeigt. Gibt es eine Möglichkeit, NewChat exklusiv zu rufen, wenn ich zu /chat/new gehe?

Answer 1

würden Sie Verwendung von Switch machen und Ihre Routen neu anordnen, da Switch macht die erste abgestimmte Route

<Switch> 
    <Route path="/chat/new" component={NewChat} /> 
    <Route path="/chat/:id" component={Chat} /> 
</Switch> 

Answer 2

<Route 
    path="/chat/:id/" 
    render={ props => { 

     if(props.location.pathname != '/chat/new') return <Chat {...props} /> 
     else return null; 

    } } 
/> 
<Route path="/chat/new" component={NewChat} /> 

Hängt von Ihrer einrichten dies auch die Lösung sein könnte