时间戳

首页 > 解决方案 > 如何将多个项目推入一个数组并加载到本机反应的异步存储中？

javascript - 如何将多个项目推入一个数组并加载到本机反应的异步存储中？

问题描述

我正在尝试以本机反应将数据推送到本地存储中，在这种情况下推送多个元素。我正在尝试使用此处指出的文档：

如何在 Asyncstorage 中设置多个值

我将如何正确地做到这一点？下面是一些代码：

我目前在做什么

const STORAGE_KEY = '@save_enableauto';
const DBLTIME_KEY = '@save_dbltime';

    state={
        times: Times,
        messageTimes: {
            dblTime: '12:00 pm',
            genTime: '12:00 pm'
        }
        enableAuto:false
    }


    //retrieves automatic messaging status
    _retrieveData = async () => {
        try {

          //pull data from local storage
          const enableAuto = await AsyncStorage.getItem(STORAGE_KEY);
          const dblTime = await AsyncStorage.getItem(DBLTIME_KEY);

          console.log('auto messages set: ',enableAuto);
          console.log('time data is:', dblTime);

          //reset state for time if it exists in local storage
          if(dblTime !==null) {
            this.setState(prevState => ({
                messageTimes: {                   // object that we want to update
                    ...prevState.messageTimes,    // keep all other key-value pairs
                    dblTime: dblTime       // update the value of specific key
                }
            }))
          } 

          //reset state for notifications if exists in local storage 
          if (enableAuto !== null) {
            // We have data!!
            console.log('receiving from local storage: ',enableAuto);
            this.setState({ enableAuto:eval(enableAuto) });
          }
        } catch (error) {
            alert('failed to load previous settings.')
          // Error retrieving data
        }
    };

//trying to set it up with one call
    _retrieveDataGroup = async () => {

        const items = JSON.stringify([['k1', STORAGE_KEY], ['k2', DBLTIME_KEY]]);

        try {
            const localData = AsyncStorage.multiGet(items, () => {
                //to do something
            });

            console.log('Group fetch: ',localData);

        } catch (error) {
            alert('failed to load previous settings.')
          // Error retrieving data
        }
    };

现在，当控制台日志记录组获取是一个承诺时，我收到的内容是：

Group fetch:  Promise {
  "_40": 0,
  "_55": null,
  "_65": 0,
  "_72": null,
}

标签： javascriptreactjsreact-nativelocal-storage

解决方案

multiGet是一个承诺。await在调用它之前添加。

const localData = await AsyncStorage.multiGet(items, () => {
  //to do something
});

推荐阅读