小编Mao*_*Bar的帖子

模拟 useSearchParams 反应测试库

我有这个自定义钩子

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

const useZRoutes = () => {
  const navigate = useNavigate();
  const { search, hash } = useLocation();
  const [searchParams, setSearchParams] = useSearchParams();

  return {
    getQueryParam: <T>(key: string): T | null => {
      if (searchParams.has(key)) {
        const value = searchParams.get(key);
        return value as unknown as T;
      }

      return null;
    },
    deleteQueryParam: (key: string): void => {
      if (searchParams.has(key)) {
        searchParams.delete(key);
        setSearchParams(searchParams);
      }
    },
    extendsNavigate: (pathname: string) => navigate({ pathname, search, hash }), …
Run Code Online (Sandbox Code Playgroud)

reactjs react-testing-library

15
推荐指数
1
解决办法
1万
查看次数

标签 统计

react-testing-library ×1

reactjs ×1