title: Dynamically Generated Checkboxes with Separate States React-Native
body: <p>I have  list of products that are being generated each product has a checkbox associated with it. Right now all of my checkboxes are sharing the same state so when you check one, all of them end up being checked. The product data including the checkbox are in a loop , how can I generate checkboxes with different states? I am using React Native and the checkbox component 
  is using react-native-elements</p>
  
  <pre><code>      &lt;View&gt;
          {products.map((value, key) =&gt; {
            return (
              &lt;View
                key={value.serialNumber + key}
                style={localStyles.productCheckbox}
              &gt;
                &lt;Text key={value._id + key} style={localStyles.modalText}&gt;
                  {value.pModel}
                &lt;/Text&gt;
                &lt;Text
                  key={value.pModel + key}
                  style={localStyles.modalText}
                &gt;
                  {value.serialNumber}
                &lt;/Text&gt;
                &lt;Text
                  key={value.pVersion + key}
                  style={localStyles.modalText}
                &gt;
                  {value.versionNumber}
                &lt;/Text&gt;
                &lt;CheckBox
                  checked={this.state.checked}
                  onPress={() =&gt; {
                    this.setState({ checked: !this.state.checked });
                  }}
                  key={value._id}
                /&gt;
              &lt;/View&gt;
  </code></pre>