访问 URL 参数反应不起作用

Question

我正在尝试在我的页面上显示H2事件，当我单击URL category_events和符号时。

`app.js：

import './App.css';
import React, { Component } from 'react'
// import Header from './components/Header';
import Events from './components/Events/Events';
import Date from './components/Date/Date';
import Accueil from './components/Accueil/Accueil';
import { BrowserRouter, Route, Routes, Link } from 'react-router-dom';




function App() {
  return (
    <div className="wrapper">
      <h1>Marine Mammals</h1>
    <BrowserRouter>
    <nav>
      <ul>
        <li><Link to="/events">Events</Link></li>
        <li><Link to="/date">Date</Link></li>
        <li><Link to="/accueil">Accueil</Link></li>
        <li><Link to="/events/Category_events">Category Events</Link> 
       </li>
        <li><Link to="/events/Notations">Notations</Link></li>

      </ul>
    </nav>
    <Routes> 
    <Route path="/Date"> <Date/> </Route> 
    <Route exact 
     path="/events"> <Events/> </Route> 
    <Route path="/events/:type"> 
    <Events/> </Route>
      </Routes>
    </BrowserRouter>

    </div>
  );
}



export default App;

events.js：

import React from 'react';
import { useParams } from 'react-router-dom';
import Category_events from './Category_events';
import Notations from './Notations';


export default function Events(){
  const { type } = useParams();

  


  return (
    <>
      <h2>Events</h2>
      {type === 'Category_events' && <Category_events />}
      {type === 'Notations' && <Notations/>}

      
    </>
  );
}

我有一个错误： 模块构建失败（来自./node_modules/babel-loader/lib/index.js）： SyntaxError：/home/thibaut/fastmeet/src/app.js：预期的相对的JSX关闭标签，for lt;途径＆gt;。 （35：8）

33 | ＆lt;路由路径=“/date”/＆gt;
34 | ＆lt; date/＆gt;

35 | ＆lt;/route＆gt; | ^ 36 |
37 | ＆lt;路由精确路径=“/events”/＆gt;
38 | ＆lt; events/＆gt;