React路由

安装

npm install react-router-dom -D

跳转

import {useNavigate, Link} from "react-router-dom";

nav(-1);
nav("/login");
nav({
    pathname: "/login",
    search: "type=123"
});

<Link to="/login?type=123"></Link>

获取动态路由的params

比如edit/:id这个导航，我们可以进行edit/123跳转，然后使用useParams获取id=123

import {useParams} from "react-router-dom";
const {id} = useParams();

获取query

比如edit这个导航，我们可以进行edit?type=123跳转，然后使用useSearchParams获取type=123

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

const [searchParams] = useSearchParams();
const type = searchParams.get("type");