使用路线时反应路线不显示答案

【问题标题】：React Routes not showing when using Routes使用路线时反应路线不显示
【发布时间】：2022-01-20 09:39:09
【问题描述】：

我正在尝试为我的网站创建路线。每个组件在没有路由标记的情况下呈现。但我无法让它工作，包括路线。请提供任何帮助，因为我正在阅读切换器已被替换为 Routes 但仍然面临问题。

块引用

import React from 'react';
import { BrowserRouter as Router, Routes, Route } from 
    "react-router-dom"
import Navbar from './Navbar.js';
import Header from './Header';
import About from './About';
import Contact from './Contact';
import Footer from './Footer';
import Services from './Services.js';


function App() {
  return (<Router>
    <Navbar />
    <Routes>
        <Route exact path="/" component={Header} />
        <Route path="/" component={Services} />
        <Route path="/" component={Footer} />
        <Route exact path="/about" component={About} />
        <Route exact path="/contact" component={Contact} />
    </Routes>
    <Footer />
    </Router>

  )
}

export default App;

【问题讨论】：

标签： reactjs react-router

【解决方案1】：

component 在 RRDv6 中也被 element 取代，exact 已被弃用。

<Route path="/contact" element={< Contact />} />

这里是运行代码https://codesandbox.io/s/happy-swartz-ikqdn

【讨论】：

谢谢它工作得很好。
您可以绿色勾选并投票以将其标记为答案并关闭问题。