你的意思是在导航中添加状态吗？原件：

const handleSelect = (id: number) => {
    navigate('/Players', {
      userId: id,
    });
  };

变更为（带状态）：

const handleSelect = (id: number) => {
    navigate('/Players', {
      state: {
        userId: id,
      }
    });
  };

然后您可以在Players页面中引用props.location.state.userId。

// Players Page

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

const location = useLocation();

// get userId
let userId = location.state.userId;

在玩家页面中，“props.location.state.userId”将不再起作用。在播放器页面中执行以下操作：

import { useLocation } from "react-router-dom";
const location = useLocation();
location.state.userId

将用户重定向到/Players页面时，需要在options的state属性中发送元数据：

const handleSelect = (id: number) => {
    navigate('/Players', {
      state: {
        userId: id,
      }
    });
  };

然后，您可以通过在Players页面中使用location.state.userId访问状态。

但是对于Typescript，您可能需要强制转换state：

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

const location = useLocation();
const locationState = (location.state as {userId? : number});

// get userId
let userId = locationState.userId;