在react导航5中传递和获取参数

import { useParams } from 'react-router-dom';

function User() {
  const { id } = useParams();

  // 使用id参数进行相关操作
  // ...
}

import { useRouteMatch } from 'react-router-dom';

function User() {
  const match = useRouteMatch('/user/:id');
  const id = match.params.id;

  // 使用id参数进行相关操作
  // ...
}

import { useState } from 'react';

function User() {
  const [id, setId] = useState('');

  // 使用id参数进行相关操作
  // ...

  return (
    <div>
      <input
        type="text"
        value={id}
        onChange={(e) => setId(e.target.value)}
      />
    </div>
  );
}