将react导航中的导航参数传递给组件的方法

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

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

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

  return (
    // 组件内容
  );
}

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

function UserComponent() {
  const location = useLocation();
  const searchParams = new URLSearchParams(location.search);
  const id = searchParams.get('id');

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

  return (
    // 组件内容
  );
}

import { useSelector } from 'react-redux';

function UserComponent() {
  const id = useSelector(state => state.user.id);

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

  return (
    // 组件内容
  );
}