We provide APIs related to routing capabilities. Through these APIs, you can implement quick route operations. These APIs can only be used in page components and cannot be used in layout components.

useNavigate()#

Switch route address

import { useNavigate } from "wiscore/router";
 
function () {
  const navigate = useNavigate();
 
  return (
    <button onClick={() => navigate("/order")}>
      Navigate to order page
    </button>
  );
}

useRedirect()#

Route redirection

import { useRedirect } from "wiscore/router";
 
function () {
  const redirect = useRedirect();
 
  return (
    <button onClick={() => redirect("/order")}>
      Redirect to order page
    </button>
  );
}

useParams()#

Get route parameters

import { useParams } from "wiscore/router";
 
function () {
  const params = useParams();
 
  return <div>Params: {JSON.stringify(params)}</div>;
}

useSearchParams()#

Get route query parameters

import { useSearchParams } from "wiscore/router";
 
function () {
  const searchParams = useSearchParams();
 
  return <div>SearchParams: {searchParams.get("name")}</div>;
}