Я сохраняю некоторые элементы в AsyncStorage в React Native и использую отладчик Chrome и симулятор iOS.
Не реагируя, используя обычную веб-разработку localStorage, я смог увидеть сохраненные localStorage элементы в Chrome Debugger > Resources > Local Storage
Есть идеи, как я могу просмотреть элементы, сохраненные в React Native AsyncStorage?
Вы можете использовать reactotron, я думаю, у него есть Async Storage Explorer;) https://github.com/infinitered/reactotron
AsyncStorage.getItem(item);
- person tmehta2442; 07.05.2018
Reactotron.onCustomCommand('show_async_storage', () =>{ //here you could log all the async storage as needed }) Для фактического ведения журнала вы можете использовать ответ @skantus. Вот видео, объясняющее пользовательские команды в Reactotron видео
- person Duilio; 12.12.2020
React Native Debugger это встроено.
Просто вызовите showAsyncStorageContentInDev() в консоли RND, и вы увидите дамп хранилища вашего приложения.
Следующее должно работать,
AsyncStorage.getAllKeys((err, keys) => {
AsyncStorage.multiGet(keys, (error, stores) => {
stores.map((result, i, store) => {
console.log({ [store[i][0]]: store[i][1] });
return true;
});
});
});
Я создал вспомогательный метод для регистрации всего хранилища в одном объекте (более чистый для регистрации, например, в Reactotron):
import AsyncStorage from '@react-native-community/async-storage';
export function logCurrentStorage() {
AsyncStorage.getAllKeys().then((keyArray) => {
AsyncStorage.multiGet(keyArray).then((keyValArray) => {
let myStorage: any = {};
for (let keyVal of keyValArray) {
myStorage[keyVal[0]] = keyVal[1]
}
console.log('CURRENT STORAGE: ', myStorage);
})
});
}
С помощью bluebird вы можете:
const dumpRaw = () => {
return AsyncStorage.getAllKeys().then(keys => {
return Promise.reduce(keys, (result, key) => {
return AsyncStorage.getItem(key).then(value => {
result[key] = value;
return result;
});
}, {});
});
};
dumpRaw().then(data => console.log(data));
a => {return b=>{return c}} вы можете использовать a=>b=>c
- person Fareed Alnamrouti; 30.05.2017
Может быть, поздно, но ни одно из этих решений мне не подходит. На Android откройте проводник файлов в Android Studio, затем перейдите в data / data / your_package_name. Внутри у вас должна быть папка с именем database < / strong> и внутри файла RKStorage.
Это файл SQLite3, так что возьмите свой любимый проводник SQLite и исследуйте его. Если вы хотите, то вот он: Браузер БД для SQLite
Я не обнаружил, что в Reactotron включен какой-либо тип красивой печати, и он также является жестоко скрытым, поэтому я просто написал простую функцию с использованием lodash. Вы также можете использовать подчеркивание.
Предполагая, что у вас есть статическое сопоставление всех ваших ключей ...
const keys = {
key1: 'key1',
key2: 'key2'
}
export function printLocalStorage() {
_.forEach(keys, (k, v) => {
localStore.getAllDataForKey(v).then(tree => {
console.log(k) // Logs key above the object
console.log(tree) // Logs a pretty printed JSON object
})
})
}
Это неэффективно, но решает проблему.
Вы можете определить функцию для получения всех ключей, используя async и await
getAllkeys = () => {
return new Promise( async (resolve, reject) => {
try {
let keys = await AsyncStorage.getAllKeys();
let items = await AsyncStorage.multiGet(keys)
resolve(items)
} catch (error) {
reject(new Error('Error getting items from AsyncStorage: ' + error.message))
}
});
}
somefunc = async () => {
try {
var items = await getAllkeys();
var someItems = items.filter(function (result, i, item) {
// do filtering stuff
return item;
});
// do something with filtered items
} catch (error) {
// do something with your error
}
}
AsyncStorage.getItem('thing').then((res) => console.log(res))- person agmcleod schedule 25.07.2016