title: react-native setting counter numeric value to asyncStorage and into const value
body: <p>I have a counter that is functional, where the up and down buttons count by 1. What I want to do, is make it so that every time the button is pressed and the number changes
  it saves that number as 'dailyWaterCount' in AsyncStorage.</p>
  
  <p>THe NumericInput is functional:</p>
  
  <pre><code>&lt;NumericInput 
    value={this.state.value} 
    onChange={value =&gt; this.setState({value})} 
    onLimitReached={(isMax,msg) =&gt; console.log(isMax,msg)}
    maxNumber = {12}
    totalWidth={150} 
    totalHeight={50} 
    iconSize={25}
    step={1}
    valueType='real'
    rounded 
    textColor='#000' 
    iconStyle={{ color: 'white' }} 
    rightButtonBackgroundColor='#4CA1AF' 
    leftButtonBackgroundColor='#C4E0E5'/&gt;
  </code></pre>
  
  <p>So where I need help is to save the value to dailyWaterCount on every left or right button press and then I need to make it so that
  my <code>const data</code> holds the given value. In other words if I change the NumericInput from 5 to 4, I want to save 4 as dailyWaterCount and that's what I wantin my const data as well</p>
  
  <pre><code>saveData(){
    let dailyWaterCount = ?;
    AsyncStorage.setItem('dailyWaterCount', dailyWaterCount);
  }
  
  displayData = async () =&gt; {
    try{
      let user = await AsyncStorage.getItem('user');
    }
  
    catch(error) {
      alert(error);
    }
  }
  
  const data = {
    data: [dailyWaterCount]
  };
  </code></pre>
  
  <p>Any help to fill in these blanks is much appreciated</p>