title: Settings different Values of element on a state
body: <p>So in my react native, I have a spinner which I am using to enter numbers. It has two buttons which increases or decreases a value. But the problem is that I have to set the value to a state and I have multiple elements. So if I change the value of one element, everything else changes too.</p>
  
  <p>Here is the <a href="https://www.npmjs.com/package/react-native-input-spinner" rel="nofollow noreferrer">Package</a></p>
  
  <p>And here is a sample code I am working with: </p>
  
  <pre><code>this.state = {
   qty: null,
  }
  
  &lt;InputSpinner
      max={50}
      min={1}
      step={1}
      width={100}
      height={50}
      colorMax={"#2a292d"}
      colorMin={"#2a292d"}
      buttonFontSize={13}
      value={this.state.qty}
      onChange={(num) =&gt; {
      this.setState({qty: num});
   }}/&gt;
  </code></pre>
  
  <p>So on change I am settings the <code>qty</code> state. But I have multiple spinners and changing one changes everything because each uses the same state. What would be the better solution for this? Should I use an array to store each item qty?</p>