我正在使用 React 重建我的个人网站,并决定使用最新版本的 react-router-dom,我正在构建我的App组件来包含导航栏,然后在我想要显示的内容下面,例如Home或Projects。这在我的路线上工作得很好/projects,但我似乎无法弄清楚如何在索引路线上渲染App和。Home有办法吗?这是我到目前为止所拥有的:
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import reportWebVitals from './reportWebVitals';
import { BrowserRouter, Link, Route, Routes } from 'react-router-dom';
// N.B. Routes replaces Switch as of V6
ReactDOM.render(
<React.StrictMode>
<BrowserRouter>
<Routes>
// Using <App/> here keeps the navbar but doesn't display the homepage content
<Route path="/" element={<App/>}>
// But using <Home/> loses the navbar
// Should I have my Navbar …Run Code Online (Sandbox Code Playgroud)