default route parameter reagieren

Question

Ich habe eine Frage über die Einrichtung der Standard-Route-Parameter in React-Router v4. Mein Code leitet derzeit zur Channel-Komponente mit der URL '/ channel /: channelName' um, aber ich möchte, dass er automatisch auf '/ channel/general' umleitet.

<Route path='/channel/:channelName' 
    render={props => (
     this.state.user ? 
      <Channel {...props} user={this.state.user} /> : 
      <Redirect to='/signin' /> 
    )} 
/> 

Answer 1

gibt es keine so IndexRoute mehr in react-router v4 genannt. Sie müssen keine Indexseite explizit angeben. Stattdessen können Sie am Ende der Zuordnungen eine Wildcard-Übereinstimmung angeben.

<Switch> 
    <Route path="/posts/new" component={PostsNew} /> 
    <Route path="/posts/:id" component={PostsShow} /> 
    <Route path="/" component={PostsIndex} /> 
</Switch> 

Beachten Sie, dass die Reihenfolge wichtig ist und dass Wildcard-Übereinstimmung die letzte sein sollte. Diese Syntax bietet auch viel mehr Flexibilität über IndexRoute.