可以使用navigate，这个是导航的意思
1、首先、导入navigate
import { useNavigate } from 'react-router-dom';2、声明一个navigate的变量
const navigate = useNavigate();3、给需要跳转的地方加点击事件 ./home是需要跳到页面的路径 i是我的下标文章来源：https://www.toymoban.com/news/detail-674983.html
<div className='listleft' key={i} onClick={()=>{
func("/home",i)
}}>4、点击跳转事件 url是刚才页面的路径，id是我需要用的 可以换成自己需要的 当然也可以不写文章来源地址https://www.toymoban.com/news/detail-674983.html
function func(url,id){
console.log(url);
console.log(id.id);
navigate(url,{
state:{
id:id
}
})
}到了这里，关于react如何跳转页面？的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
