如何使用 reactJs 在本地保存大数据？

Question

现在我使用 ReactJs，我想在本地保存大数据，我尝试为 reactJs 寻找 SQLite，但我找不到，所有关于 react-native 的 SQLite，请告诉我如何保存大数据使用 reactJs 在本地获取数据。

谢谢。

Answer 1

您说的是本地，但在您的一个 cmets 中，您担心可以保存的数据量..

如果您不是在寻找全面数据库解决方案的开销，您可以使用 Firebase 实时数据库；最多可免费使用 1 GB 的数据，而且设置起来超级简单。

https://firebase.google.com/products/realtime-database/

您将通过 Firebase 的控制台为您的数据库定义一个架构，然后将配置复制并粘贴到您的代码中，然后运行一个初始化脚本，然后使用 firebase refs 访问 API（参见下面的简单示例）

npm install firebase


import firebase from 'firebase';
var config = {
  ... {paste-from-firebase}
};


 writeUserData(name, priority){
    firebase.database().ref('users').push({
        name,
        priority
    }).then((data)=>{
        //success callback
        console.log('data' , data)
    }).catch((error)=>{
        //error callback
        console.log('error ' , error)
    })
  }

componentDidMount(){
    // initialize firebase
    if (!firebase.apps.length) {
      firebase.initializeApp(config);
    }
    // an example of writing user data to the db
    this.writeUserData('John', 'normal')
  }

如果你想在你的应用程序中实现 SQLite，你需要在服务器端而不是客户端实现它，原因有几个；最重要的是安全性...看看这个 SO 答案：

Is it possible to access an SQLite database from JavaScript?

显然，还有另一个相对较新的选项，称为 IndexedDB，一些浏览器支持在本地存储大量结构化数据；

https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB

我会使用 Firebase。它得到了很好的支持，由 Google 制作，而且很容易设置。