reactjs - 为什么 React.js 不在新窗口中单独显示我的组件？

Question

我是 React.js 的新手，我的第一个项目是我的投资组合网站。所以我让索引页面呈现所有组件，但我想在新窗口中单独呈现 Resume 组件。这是代码：

    import {
  Navbar,
  Home,
  Projects,
  Aboutme,
  Contact,
  Footer,
  Resume,
} from "./imports";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";

function App() {
  return (
    <Router>
      <div id="app">
        <Navbar />
        <Home />
        <Projects />
        <Aboutme />
        <Contact />
        <Footer />
        <Switch>
          <Route exact path="/resume">
            <Resume />
          </Route>
        </Switch>
      </div>
    </Router>
  );
}

export default App;

先感谢您。

标签： reactjsroutesfrontendcomponentsjsx

Answer 1

我也是 react.js 的新手，但我认为你需要这样的东西：

  <Router>
    <div id="app">
      <Switch>
        <Route exact path="/">
          <Navbar />
          <Home />
          <Projects />
          <Aboutme />
          <Contact />
          <Footer /> 
        </Route>
        <Route exact path="/resume">
            <Resume />
        </Route>
      </Switch>
    </div>
  </Router>