為什么不直接用他的tab組件呢

你這里的概念有些混淆。
首先，react-router作用于單頁面應(yīng)用，route的變化并不是真正的HTML頁面的替換，而只是渲染的內(nèi)容的不同，從這一點上來看，通過route改變內(nèi)容和通過tab改變內(nèi)容，本質(zhì)上是一樣的。
其次，你可以用react-router的Link去包裹tab組件，這樣點擊tab就可以導(dǎo)航到Link對應(yīng)的路由，相應(yīng)路由（Route）組件中的component會被渲染，從而改變頁面內(nèi)容，但是這也會導(dǎo)致瀏覽器URL的變化。畢竟react-router是以URL的變化為觸發(fā)內(nèi)容改變的起點的，這一點是和tab切換不同的。

可以，比如像下面這樣寫

<BrowserRouter>
    <div>
        <Component />
        <Switch>
            <Route path="/login" component={App}></Route>
            <Route path="/dashboard" component={Dashboard}></Route>
            <Redirect to="/login"></Redirect>
        </Switch>
    </div>
</BrowserRouter>

只要Route的組件不是占據(jù)整個Router其實就可以實現(xiàn)你的效果，當(dāng)然你也可以使用路由嵌套，路由嵌套也可以實現(xiàn)你要的效果,只是這樣會出現(xiàn)二級路由，還是要看你的使用場景。我這里用的BrowserRouter容易出些問題，建議你用HashRouter