可以使用navigate,这个是导航的意思
1、首先、导入navigate
import { useNavigate } from 'react-router-dom';
2、声明一个navigate的变量
const navigate = useNavigate();
3、给需要跳转的地方加点击事件 ./home是需要跳到页面的路径 i是我的下标
<div className='listleft' key={i} onClick={()=>{
func("/home",i)
}}>
4、点击跳转事件 url是刚才页面的路径,id是我需要用的 可以换成自己需要的 当然也可以不写
function func(url,id){
console.log(url);
console.log(id.id);
navigate(url,{
state:{
id:id
}
})
}