如何在不加載所有組件的情況下創建多個獨立頁面

Question

這可能是一個愚蠢的問題。 我搜索了一個答案，我得到的都是router解決方案。 我創建了一個反應 SPA，我想為管理員創建一個單獨的獨立頁面，該頁面不會與主應用程序一起加載，反之亦然。 我怎樣才能做到這一點？ 如果在 url 欄http://localhost:3000/admin.html中輸入這個，無論如何它仍然會加載主應用程序。

Answer 1

您仍然可以使用 router 並僅使用lazy加載所需的組件。 來自反應網站

import React, { Suspense, lazy } from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

const Home = lazy(() => import('./routes/Home'));
const About = lazy(() => import('./routes/About'));

const App = () => (
  <Router>
    <Suspense fallback={<div>Loading...</div>}>
      <Switch>
        <Route exact path="/" component={Home}/>
        <Route path="/about" component={About}/>
      </Switch>
    </Suspense>
  </Router>
);