React中使用useParams

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
import {BrowserRouter,Routes,Route,useParams} from 'react-router-dom';
import Layout from './layout';

const root = ReactDOM.createRoot(document.getElementById('root'));

function User(){
  const params = useParams();
  console.log(params,'params');
  return (
    <div>
      <h1>User</h1>
    </div>
  );  
}


root.render(
  <BrowserRouter>
    <Routes>
      <Route path="/user/:id" element={<User />} />
    </Routes>
  </BrowserRouter>,
  
);