AsyncStorage.getItem("item") returns the string "[object Object]"

Question

I'm using AsyncStorage in order to save a "session" in my app, and I do so in this piece of code:

if (signInResult) {
    if (signInResult.userId && signInResult.accessToken) {
        await AsyncStorage.setItem("auth", signInResult);
    }
    this.props.navigation.navigate("home");
}

But when I tried to get the data back with AsyncStorage.getItem("auth"), it just retrieves the string [object Object]

I tweaked the code a but to write stuff in the console so I could keep tabs on the data, so here's what I encountered so far:

So there I logged the same data before and after putting it "through" the AsyncStorage. First, we see that the object is still very much a javascript object, and the second is just the name o the type, apparently. I'm not sure what's going on here, but I'm pretty sure this should work. I actually use that same approach in another app and I don't have this issue there.

Thanks in advance.

Rajan · Accepted Answer · 2020-05-14 09:41:04Z

1

You need to JSON.stringify & JSON.parse while saving and getting data from AsyncStorage.

if (signInResult) {
  if (signInResult.userId && signInResult.accessToken) {
    await AsyncStorage.setItem("auth", JSON.stringify(signInResult));
  }
  AsyncStorage.getItem("auth").((item) => {
    JSON.parse(item);
  });

  this.props.navigation.navigate("home");
}

answered May 14, 2020 at 9:41

Rajan

1,5682 gold badges14 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Guilherme Lofrano Corneto Over a year ago

Yeah, that was it. Which makes me wonder why the code works on the other app. Thanks!

Collectives™ on Stack Overflow

AsyncStorage.getItem("item") returns the string "[object Object]"

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related