Question

我有一个关于在React-Router v4中设置默认路由参数的问题。我的代码目前重定向到频道组件，其网址为＆＃39; / channel /：channelName＆＃39;但我希望它自动重定向到＆＃39; / channel / general＆＃39;。

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

Answer 1

IndexRoute中没有所谓的react-router v4了。您不需要显式指定索引页面。相反，您可以在映射结束时给出通配符匹配。

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

请注意，订单很重要，通配符匹配应该是最后一个。此语法还提供了比IndexRoute更多的灵活性。

默认路由参数反应

1 个答案: