React Native - How to see what's stored in AsyncStorage?

Question

I save some items to AsyncStorage in React Native and I am using chrome debugger and iOS simulator.

Without react native, using regular web development localStorage, I was able to see the stored localStorage items under Chrome Debugger > Resources > Local Storage

Any idea how can I view the React Native AsyncStorage stored items?

Answer 1

React Native Debugger has this built in.

Just call showAsyncStorageContentInDev() in the RND console and you'll be able to see a dump of your app's storage.

Answer 2

You can use reactotron i think it has Async Storage explorer ;) https://github.com/infinitered/reactotron

Answer 3

Following should work,

AsyncStorage.getAllKeys((err, keys) => {
  AsyncStorage.multiGet(keys, (error, stores) => {
    stores.map((result, i, store) => {
      console.log({ [store[i][0]]: store[i][1] });
      return true;
    });
  });
});