我想使用Reactjs从indexdedDB中检索数据，但不知道如何将其返回到视图，
这是我的代码........

import React, { useState, useEffect } from 'react';


function Mypokemon() {
    var db;
    var request = window.indexedDB.open("pokemon_data", 1);
    //on error opening DB
    request.onerror = function (event) {
        console.log("error: ");
    };

    //on success opening DB
    request.onsuccess = function (event) {
        db = request.result;
        console.log("connected to DB")

        db.transaction(['data'], 'readwrite').objectStore('data').openCursor().onsuccess = function (event) {
            var cursor = event.target.result
            if (cursor) {
                //something to do here for applying data to html
            };

        }
    }
    //this code below for make the empty table
    request.onupgradeneeded = function (event) {
        var db = event.target.result;
        var objectStore = db.createObjectStore("data", {
            keyPath: "id"
        });
        console.log('success make table')
    }

    return (<div className="flexin" id="my_poke">
        {/* this where the data should showning */}
    </div >)

}
export default Mypokemon;

有人能帮助我吗，om对不起我的代码结构：（