将数据添加到 JSONStore 集合

设置 React Native 开发环境

遵循 React Native 入门页面中提供的指示信息来设置您的机器进行 React Native 开发。

将 JSONStore SDK 添加到 React Native 应用程序

在 npm 中，JSONStore SDK for React Native 作为 React Native 模块提供。

开始使用新 React Native 项目

1. 创建新 React Native 项目。

    react-native init MyReactApp
   

2. 将 MobileFirst SDK 添加到您的应用程序。

    cd MyReactApp
    npm install react-native-ibm-mobilefirst-jsonstore --save
   

3. 将所有本机依赖关系添加到您的应用程序。

   react-native link
   

将数据添加到 JSONStore 集合

在您的 App.js 内，必须导入以下包：

import { JSONStoreCollection, WLJSONStore } from 'react-native-ibm-mobilefirst-jsonstore';

将数据添加到 JSONStore 集合时需要执行三个步骤：

1. 创建新集合，您可以通过调用 JSONStoreCollection 构造函数来创建新集合，如下所示：

    var favourites = new JSONStoreCollection('favourites');
   

2. 打开集合，如果不打开新创建的集合，则无法使用该集合执行任何操作。要打开集合，请调用 WLJSONStore 的 openCollections API。请参阅下面的样本代码。

   WLJSONStore.openCollections(['favourites']).then(data => { console.log(data); }).catch(err =>{ console.log(err); });
   

3. 将数据添加到集合，在您打开集合之后，向内或向外启动数据事务。您可以使用以下 API 将数据添加到打开的集合。

    var favCollection = new JSONStoreCollection('favourites');
    favCollection.addData(myJsonData)
    .then(data => {
    	console.log("Succesfully added data to collection!"));
    .catch(err => {
    	console.log("Error while adding data to collection. Reason : " + err);
    });