1.0.0 • Published 2 years ago

localforage-manager v1.0.0

Weekly downloads
-
License
ISC
Repository
github
Last release
2 years ago

localforage-manager

仓库地址 | NPM 地址

安装

npm i localforage-manager

作用

为使用 Localforage 的 React 应用提供:

  • 一个简单的操作存储内容的组件
  • 获取存储内容键、值、类型的 Hook 函数

API

导出名称类型接受参数含义
Manager组件columns存储内容管理页面
导出名称类型接受参数返回值含义
useStorageHook 函数Array 类型,每个元素为对象,包含 key、value、type 三个属性获取 Localforage 存储的所有数据的键、值、类型

注:

  • Manager 接收的 columns 参数将传递到 Antd 的 Table 组件作为 columns。如果要自定义页面的显示格式,可以传入该参数进行配置。
  • Manager 使用 useStorage 获取数据,在此基础上进行 columns 参数的自定义。

使用方法

import {Manager, useStorage} = 'localforage-manager';
export default function App() {
  const dataSource = useStorage();
  console.log(dataSource)
  // [{ key: "foo", value: "bar", type: "String" }, ... ]
  return (
    <div>
      <Manager />
    </div>
  );
}