use-state-persist:简单的React Hook可以在本地持久缓存useState。 轻松加载陈旧状态以获得更好的用户体验

时间:2024-05-22 02:49:31
【文件属性】:

文件名称:use-state-persist:简单的React Hook可以在本地持久缓存useState。 轻松加载陈旧状态以获得更好的用户体验

文件大小:228KB

文件格式:ZIP

更新时间:2024-05-22 02:49:31

hooks localstorage persistent asyncstorage react-hooks

使用状态坚持 一个简单的React Hook可以将useState持久存储在本地存储中。 可在Web和React Native 。 轻松实施 离线状态 重新验证流程时过时 全球状态 npm install use-state-persist # or yarn add use-state-persist 如何持久化useState 行为和API与useState相同,因此您可以通过轻松替换要保留为脱机的调用的useState挂钩来使用它。 import { useStatePersist as useState } from 'use-state-persist' ; const Component = ( ) => { // Before //const [counter, setCounter] = useState(0); const [ counter , s


【文件预览】:
use-state-persist-master
----.gitignore(62B)
----package.json(1KB)
----src()
--------storage()
--------cache.ts(969B)
--------use-state-persist.ts(2KB)
--------index.ts(92B)
--------utils.ts(188B)
--------constants.ts(162B)
----LICENSE(1KB)
----tsconfig.json(583B)
----.github()
--------workflows()
----README.md(3KB)
----example()
--------package.json(609B)
--------tsconfig.json(458B)
--------index.html(342B)
--------.vscode()
--------.npmignore(24B)
--------index.tsx(596B)
--------yarn.lock(224KB)
----.vscode()
--------settings.json(44B)
--------launch.json(697B)
----test()
--------storage.native.test.ts(3KB)
--------use-state-persist.test.tsx(5KB)
--------storage.test.ts(2KB)
--------utils.ts(945B)
----yarn.lock(336KB)

网友评论