use-url-search-params:一个React Hook使用URL查询字符串作为状态管理

时间:2024-06-13 05:59:53
【文件属性】:

文件名称:use-url-search-params:一个React Hook使用URL查询字符串作为状态管理

文件大小:24KB

文件格式:ZIP

更新时间:2024-06-13 05:59:53

react urlsearchparams url-query react-hooks JavaScript

useUrlSearchParams() 一个React Hook使用作为状态管理 为什么你需要这个 用户刷新页面后,您的应用需要保持其状态(用于简单的非敏感数据)。 某些页面设置(例如:表格过滤器,排序,分页等)应保存在URL中,以便用户可以轻松地传递给其他用户。 例如,Tester可以以最少的复制步骤轻松地将页面的URL发送给开发人员。 每当某些URL查询值更改时,您都想做一些事情(请求新数据等)。 将以上所有内容与URL查询结合起来,作为单个事实来源。 安装 npm install use-url-search-params 或者 yarn add use-url-search-params 如何使用 在大多数情况下,您将执行以下操作: import React from "react" ; import { useUrlSearchParams } from "us


【文件预览】:
use-url-search-params-master
----.gitignore(357B)
----package.json(2KB)
----src()
--------mockWindow.js(904B)
--------main.js(59B)
--------useUrlSearchParams.js(4KB)
--------main.test.js(5KB)
----License(1KB)
----jest.config.js(144B)
----dist()
--------useUrlSearchParams.d.ts(511B)
----rollup.config.js(1KB)
----.eslintrc.js(452B)
----README.md(4KB)
----example()
--------.gitignore(310B)
--------package.json(863B)
--------src()
--------public()
--------.env(25B)
----.vscode()
--------settings.json(29B)
----babel.config.js(434B)
----.npmignore(8B)

网友评论