如何解决我想将 indexedDB 中的数据显示到视图中,我使用的是 reactjs
我想使用 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;
有人可以帮助我吗,对不起我的代码结构:(
解决方法
例如:
import React,{ useState,useEffect } from 'react';
function Mypokemon() {
const [ value,setValue ] = useState();
useEffect(function(){
const valueFromDb = getValueFromDb(); // make your request
setValue( valueFromDb );
},[]);
return (<div className="flexin" id="my_poke">
{ value }
</div >)
}
export default Mypokemon;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。