title: AsyncStorage remove item is not working
body: <p>I managed to store and manipulate items in asyncStorage but now i am trying to remove a specific item on a button press.</p>
  
  <p>Here is the code : </p>
  
  <pre class="lang-js prettyprint-override"><code>import React, { Component } from "react";
  import {
    StyleSheet,
    Text,
    View,
    Image,
    ScrollView,
    FlatList,
    Button,
    AsyncStorage
  } from "react-native";
  import ajax from "./ajax.js";
  import PropTypes from "prop-types";
  import InspirationList from "./InspirationList";
  import FavoriteItem from "./FavoriteItem";
  import ProductItem from "./ProductItem";
  
  class Favorites extends Component {
    state = {
      favorites: []
    };
  
    componentDidMount() {
      this.showProduct();
    }
  
    async showProduct() {
      let k = 0;
      AsyncStorage.getAllKeys().then(keys =&gt;
        AsyncStorage.multiGet(keys).then(result =&gt; {
          let res = [];
          result.map(req =&gt; {
            req.forEach(element =&gt; {
              k++;
              if (element != null &amp;&amp; k % 2 == 0) {
                res.push(JSON.parse(element));
              }
            });
            this.setState({ favorites: res });
          });
          console.log(this.state.favorites);
        })
      );
    }
  
    async removeItemValue(favi) {
      AsyncStorage.getAllKeys().then(keys =&gt;
        AsyncStorage.multiGet(keys).then(result =&gt; {
          result.map(req =&gt; {
            req.forEach(element =&gt; {
              if (element === JSON.stringify(favi)) {
                AsyncStorage.removeItem(element);
                console.log("they are the same");
              }
            });
          });
        })
      );
    }
  
    //AsyncStorage.removeItem(element);
  
    render() {
      return (
        &lt;ScrollView style="styles.fav"&gt;
          {this.state.favorites.map(fav =&gt; (
            &lt;View key={fav.key}&gt;
              &lt;Text&gt;{fav.nume}&lt;/Text&gt;
              &lt;Image
                style={{ width: "100%", height: 500 }}
                source={{ uri: fav.media[0] }}
              /&gt;
  
              &lt;Button
                onPress={() =&gt; this.removeItemValue(fav)}
                title="capmare"
                color="#841584"
              /&gt;
            &lt;/View&gt;
          ))}
        &lt;/ScrollView&gt;
      );
    }
  }
  
  const styles = StyleSheet.create({
    fav: {
      backgroundColor: "#999",
      flex: 1,
      width: "100%",
      paddingTop: 150
    }
  });
  
  export default Favorites;
  </code></pre>
  
  <p>The method removeItemValue works only if i remove all items. 
  But when i try to remove a specific item, even if it goes inside the if statement and console logs, it does not remove the item.</p>
  
  <p>I tried many methods of removing items and i do not understand why calling the 'removeItem' method works only for the entire array.</p>
  
  <p>Thank you in advance for your help.</p>