react如何设置默认路由？

Question

现在想把articesList设置为默认路由，点击AppSider里的文章标签去articlesList路由，点击ArticlesList里的文章进入articleDetail路由
App.js

<Layout className="app-container">
  <AppSider />
  <AppContent />
</Layout>

AppContent

class AppContent extends React.Component {
  render() {
    return (
      <Content className="app-content bg-fff">
        <Switch>
          <Route path="/articleDetail" component={ArticleDetail} />
          <Route path='/articlesList/:tag' component={ArticlesList} />
        </Switch>
      </Content>
    )
  }
}

Answer 1

let Routes = (<Router>
  <div>
    <Link activeClassName="active" exact={true} to={{pathname: '/index'}}>首页</Link>　
    <div className="route-content">
      <Switch>
        <Redirect path="/" to={{pathname: '/index'}} />
      </Switch>
    </div>
  </div>
</Router>)

exact配合Redirect就可以了

Answer 2

<Redirect path="/" exact={true} to="/articesList" />