react如何跳转页面?

可以使用navigate,这个是导航的意思

1、首先、导入navigate

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

2、声明一个navigate的变量

 const navigate = useNavigate();

3、给需要跳转的地方加点击事件 ./home是需要跳到页面的路径 i是我的下标

 
{ func("/home",i) }}>

4、点击跳转事件 url是刚才页面的路径,id是我需要用的 可以换成自己需要的 当然也可以不写

 function func(url,id){
        console.log(url);
        console.log(id.id);
        navigate(url,{
            state:{
                id:id
            }
        })
    }

你可能感兴趣的:(react.js,javascript,前端)