【文件属性】:
文件名称:use-url-search-params:一个React Hook使用URL查询字符串作为状态管理
文件大小:24KB
文件格式:ZIP
更新时间:2021-05-24 12:13:13
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)