React是否会首先加载所有组件？

Question

我有一个应用，正在使用react-router-dom。当我寻找显示主要元素和所有其他元素的React Chrome Tool时。我的首页正在加载<Home />组件，但在Chrome工具中显示了<Operations />或<Changelogs />，例如（但是浏览器仅显示home组件）。这是问题吗？

我尝试<Link exact path='/' component={Home} />时使用了准确但没有任何改变。

index.js

const routing = (
    <Router>
        <SidebarComp/>
        <Route path='/' exact component={Home} />
        <Route path='/operations/:id' exact component={Operations} />
    </Router>
)

反应Chrome Ext。输出（带有加载页面）

<BrowserRouter>
 <Router>
   <Route path='/' exact component={Home} />
   <Route path='/operations/:id' exact component={Operations} />
 </Router>
</BrowserRouter>

因此，此路由通过页面加载来加载所有组件和元素。这会导致将来的性能损失吗？还是这种用法不正确？