前言
对于 React Native 项目而言，数据存储的选择非常重要，而 PouchDB 是一个开源的 JavaScript Database API，可以将其看作是一个在浏览器和 Node.js 中都可用的 IndexedDB API 的封装，能够实现数据本地化存储，提供类似于 CouchDB 的 API。因此，PouchDb 是一个非常适合在 React Native 应用中使用的数据存储库。
在 PouchDB 中，适配器是一个用于将数据存储在不同位置的模块。@jurassix/pouchdb-adapter-http-react-native 就是针对 React Native 定制化的一个适配器，它将数据存储在远程服务上，能够在 Web 和 React Native 上的应用中提供一致的 API。
本文将介绍如何在 React Native 项目中使用 @jurassix/pouchdb-adapter-http-react-native。
安装
使用 npm 安装 @jurassix/pouchdb-adapter-http-react-native：
npm install --save pouchdb @jurassix/pouchdb-adapter-http-react-native
使用
下面，我们将演示如何在 React Native 应用中使用 @jurassix/pouchdb-adapter-http-react-native。
初始化
在 React Native 应用中初始化 PouchDB 和 @jurassix/pouchdb-adapter-http-react-native：
import PouchDB from 'pouchdb-react-native';
import HttpPouch from '@jurassix/pouchdb-adapter-http-react-native';
PouchDB.plugin(HttpPouch);
const db = new PouchDB('mydb', { adapter: 'http' });上述代码中，我们将 @jurassix/pouchdb-adapter-http-react-native 插件引入 PouchDB 中，并使用 HTTP 适配器。
设置
在应用程序中使用 PouchDB 需要设置其 options 属性。
-- -------------------- ---- -------
----- -------- - -
----- -------
------- -------------------------
--
----- -- - --- ---------------------- - -------- ------ ---
------------------------ -
----- -----
------ ----
--
------------- ------------------------- -----------
------------ --------------------------- ----- --------在上述代码中，我们设置了 PouchDB 的名称为 mydb，远程路径为 example.com 下的 mydb 数据库。
保存数据
在 React Native 应用中，“文档”（documents）代表了我们要保存的数据。文档可以是任何格式，只要能够被 JSON.stringify 序列化即可。
const doc = {
_id: 'mydoc',
title: 'Hello World'
};
db.put(doc);在上述代码中，我们插入了一个 title 为 Hello World 的文档，ID 为 mydoc。
获取数据
db.get('mydoc')
.then(doc => console.log(doc))
.catch(err => console.error(err));在上述代码中，我们通过 _id = mydoc 来获取文档。
更新数据
-- -------------------- ---- -------
----- --------- - -
---- --------
----- -------------------------------------
------ ------ ----- -------
--
-----------------
---------- -- ------------------
---------- -- --------------------在上述代码中，我们通过 _id 来定义需要更新的文档，_rev 用来表示文档的版本。
删除数据
db.get('mydoc')
.then(doc => db.remove(doc))
.catch(err => console.error(err));在上述代码中，我们通过 get 函数获取到 _id = mydoc 的文档，然后通过 remove 函数将其删除。
结语
通过本文，我们可以了解到如何在 React Native 项目中使用 @jurassix/pouchdb-adapter-http-react-native，下次开发数据存储时，我们就可以有针对性地选择适配器，更好地应用和利用 PouchDB 提供的数据存储 API。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5651ab1864dac66bf5