首頁猿問 react如何設(shè)置默認(rèn)路由？

react如何設(shè)置默認(rèn)路由？

React.JS

qq_笑_17 2019-03-08 12:32:56

現(xiàn)在想把articesList設(shè)置為默認(rèn)路由，點擊AppSider里的文章標(biāo)簽去articlesList路由，點擊ArticlesList里的文章進(jìn)入articleDetail路由App.js<Layout className="app-container"> <AppSider /> <AppContent /></Layout>AppContentclass 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> ) } }

查看完整描述

2 回答

大話西游666

TA貢獻(xiàn)1817條經(jīng)驗獲得超14個贊

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就可以了

1 反對回復(fù) 2019-03-08