小编Gav*_*vin的帖子

使用react-router v6,我需要一个导航栏永久存在,但无法在我的索引页面上同时显示 <App/> 和 <Home/>,​​如何修复?

我正在使用 React 重建我的个人网站,并决定使用最新版本的 react-router-dom,我正在构建我的App组件来包含导航栏,然后在我想要显示的内容下面,例如HomeProjects。这在我的路线上工作得很好/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)

reactjs react-router react-router-dom

11
推荐指数
3
解决办法
1万
查看次数

标签 统计

react-router ×1

react-router-dom ×1

reactjs ×1