你好，我被indexedDB卡住了。当我试图存储一个链接数组时，它失败了，没有错误或异常。我有两个代码示例。这个工作得很好：

export const IndexedDB = {
  initDB(): Promise<string> {
    return new Promise((resolve, reject) => {
      const open = indexedDB.open("MyDB", 1);
      open.onupgradeneeded = function () {
        open.result.createObjectStore("store", { keyPath: "id" });
        resolve("Database initialized successfully...");
      };
      open.onerror = function (err) {
        reject(err);
      };
      open.onsuccess = function () {
        resolve("Database initialized successfully...");
      };
    });
  },

  getAll(): Promise<Values> {
    return new Promise((resolve, reject) => {
      const open = indexedDB.open("MyDB", 1);
      open.onerror = function (err) {
        reject(err);
      };

      open.onsuccess = function () {
        const tx = open.result.transaction("store", "readonly");
        const store = tx.objectStore("store");
        const getFromStore = store.getAll();

        getFromStore.onerror = function (err) {
          reject(err);
        };

        getFromStore.onsuccess = function () {
          resolve(getFromStore.result);
        };
      };
    });
  },

  putMany(values: Values): Promise<void> {
    return new Promise((resolve, reject) => {
      const open = indexedDB.open("MyDB", 1);
      open.onerror = function (err) {
        reject(err);
      };

      open.onsuccess = function () {
        values.forEach((value: Value) => {
          const tx = open.result.transaction("store", "readwrite");
          const store = tx.objectStore("store");
          const putInStore = store.put(value);

          putInStore.onerror = function (err) {
            reject(err);
          };
        });
        resolve();
      };
    });
  },
};

App.tsx:

export const saveValues = (values: Values): Promise<void> => {
  IndexedDB.putMany(values);
};

export const App: React.FunctionComponent = () => {
  const valuesForTest: Values = [
    {
      id: Math.random(),
      text: "Hello world!"
    },
    {
      id: Math.random(),
      text: "Hello world!"
    },
    {
      id: Math.random(),
      text: "Hello world!"
    }
  ];

  useEffect(() => {
        saveValuesToDB(valuesForTest);
  }, []);

  return (
    <SomeComponent/>
  );
};

这个例子总是失败。没有任何错误或异常。数据只是没有被保存。主要的区别只是数据类型。第一个例子使用“Values”类型，第二个例子使用“Links”类型。

export const IndexedDB = {
  initDB(): Promise<string> {
    return new Promise((resolve, reject) => {
      const open = indexedDB.open("MyDB", 1);
      open.onupgradeneeded = function () {
        open.result.createObjectStore("store", { keyPath: "href" });
        resolve("Database initialized successfully...");
      };
      open.onerror = function (err) {
        reject(err);
      };
      open.onsuccess = function () {
        resolve("Database initialized successfully...");
      };
    });
  },

  getAll(): Promise<Links> {
    return new Promise((resolve, reject) => {
      const open = indexedDB.open("MyDB", 1);
      open.onerror = function (err) {
        reject(err);
      };

      open.onsuccess = function () {
        const tx = open.result.transaction("store", "readonly");
        const store = tx.objectStore("store");
        const getFromStore = store.getAll();

        getFromStore.onerror = function (err) {
          reject(err);
        };

        getFromStore.onsuccess = function () {
          resolve(getFromStore.result);
        };
      };
    });
  },

  putMany(values: Links): Promise<void> {
    return new Promise((resolve, reject) => {
      const open = indexedDB.open("MyDB", 1);
      open.onerror = function (err) {
        reject(err);
      };

      open.onsuccess = function () {
        values.forEach((value: Link) => {
          const tx = open.result.transaction("store", "readwrite");
          const store = tx.objectStore("store");
          const putInStore = store.put(value);

          putInStore.onerror = function (err) {
            reject(err);
          };
        });
        resolve();
      };
    });
  },
};

App.tsx:

export const saveValues = (values: Links): Promise<void> => {
  IndexedDB.putMany(values);
};

export const App: React.FunctionComponent = () => {
  const valuesForTest: Links = [
    {
      href: "https://somelink1.com/",
      name: "Link"
    },
    {
      href: "https://somelink2.com/",
      name: "Link"
    },
    {
      href: "https://somelink3.com/",
      name: "Link"
    },
  ];

  useEffect(() => {
        saveValuesToDB(valuesForTest);
  }, []);

  return (
    <SomeComponent/>
  );
};

你能帮我吗？