AsyncStorage return [object object] - react native

Question

I want to use AsyncStorage but it returns [object object]:

Phone.js component:

        commonHelper.setData("commonConstants.KEY_CODE",'code');

             this.goTo('Activation');

Activation.js component:

   const code = commonHelper.getData("commonConstants.KEY_CODE")
   this.setState({searchString:code.toString()})

commonHelper.js:

function getData(key) {
  try {
       const value = AsyncStorage.getItem(key).then(val => {
         return JSON.parse(val)
       });
       return value
     } catch (err) {
       throw err
     }
}

function setData(key,value) {
  try {
    AsyncStorage.setItem(key, JSON.stringify(value));
  } catch (error) {
    console.log("Error saving data" + error);
  }
}

where is my problem?

Jeremy · Accepted Answer · 2018-07-31 17:10:34Z

2

AsyncStorage is returning a promise. your getData returns that promise.

to read the data, you need to use a .then

commonHelper.getData("commonConstants.KEY_CODE")
    .then(code => {
        this.setState({searchString:code}) // or code.toString().. depends on what you stored
    });`

Also, the return value in your getData function is necessary because you are returning the promise in .then

answered Jul 31, 2018 at 17:10

Jeremy

3,7563 gold badges36 silver badges62 bronze badges

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

Collectives™ on Stack Overflow

AsyncStorage return [object object] - react native

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related