We provide APIs related to routing capabilities. Through these APIs, you can implement quick route operations.

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>;
}