useQuery Hook 使用说明

功能概述

useQuery 是一个轻量级的 React Hook，用于获取当前 URL 的查询参数(query string)并转换为对象格式。

基础用法

import { useQuery } from './useQuery';

function ExampleComponent() {
    const query = useQuery();

    // 假设当前URL为: http://example.com?page=1&search=test
    console.log(query.page); // 输出: "1"
    console.log(query.search); // 输出: "test"

    return <div>当前页码: {query.page || 1}</div>;
}

返回值说明

属性	类型	说明
query	Record	包含所有查询参数的对象