nodejs34: react中的IndexedDB 数据库遍历 + 实现对数据库的复制与更新

IndexedDB 数据库遍历

  // 读取指定存储对象"表格"的数据
  const readTableData = async (TableName) => {
   
   
    try {
   
   
      const db = await openDB(DB_NAME, DB_VERSION);
      console.log(db,"db")
      const tx = db.transaction(TableName, 'readonly');
      const store = tx.objectStore(TableName);
      const items = await store.getAll();
      console.log(`${
   
   TableName}的数据:`, items);
      return items;
    } catch (error) {
   
   
      console.error(`读取${
   
   TableName}数据时出错:`, error);
      return [];
    }
  };

    // 读取所有数据
    const readAllDBData = async () => {
   
   
      try {
   
   
        const db = await openDB(DB_NAME, DB_VERSION);
        const tableNames = await db.objectStoreNames;// 一个DOMStringList对象 https://developer.mozilla.org/zh-CN/docs/Web/API/DOMStringList
        // 遍历所有省份的DOMStringList
        for (const v of tableNames) {
   
   
          const items = await readTableData(v);
          console.log(`${
   
   v}的数据:`, items);
        }
        return null;
      } catch (error) {
   
   
        console.error(`读取数据时出错:`, error);
        return [];
      }
    };

完整React代码

import React, {
   
    useState } from 'react';
import {
   
    openDB } from 'idb';  // 确保你已经安装了 idb 库来操作 IndexedDB

const DB_NAME = 'yourDBName'; // 请根据你的实际情况替换
const DB_VERSION = 1; // 请根据你的实际情况替换

function App() {
   
   
  const [data, setData] = useState([]);

  // 读取指定存储对象"表格"的数据
  const readTableData = async (TableName) => {