为什么 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;

提前谢谢你。

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>