React Native - Update AsyncStorage item nested key value?

Question

I have a user stored via AsyncStorage like this:

// data has a few key/value pairs for the user object
AsyncStorage.setItem('user', JSON.stringify(data));

One of the key/value pairs in data is question_count with a value of 10

When the user deletes a question, how can I decrement the question_count value by 1 in AsyncStorage so the value is 9?

Here is what I tried:

AsyncStorage.getItem('user').then(data => {
    data.question_count--;
});

But that doesn't change the value. Any idea how to accomplish this?

RRikesh · Accepted Answer · 2016-09-14 06:51:47Z

25

You should save the value again after decrementing it.

AsyncStorage.getItem( 'user' )
    .then( data => {

      // the string value read from AsyncStorage has been assigned to data
      console.log( data );

      // transform it back to an object
      data = JSON.parse( data );
      console.log( data );

      // Decrement
      data.question_count--;
      console.log( data );

      //save the value to AsyncStorage again
      AsyncStorage.setItem( 'user', JSON.stringify( data ) );

    }).done();

answered Sep 14, 2016 at 6:51

RRikesh

14.5k5 gold badges55 silver badges74 bronze badges

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

2 Comments

Wonka Over a year ago

Exactly what I needed. Thank you!

Muhammad Over a year ago

what about if there is a huge data, on that time I think this might take more time

Collectives™ on Stack Overflow

React Native - Update AsyncStorage item nested key value?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related