title: Dynamically add properties to this.state in React
body: <p>I'm running a map that dynamically creates a group of components where the total number is based on the length of an array.  Each component needs its own value in state.</p>
  
  <p>So if the map runs over an array of three items...</p>
  
  <pre><code>arr.map((item, index) =&gt; {
    const newStateProp = "item" + index;
    return newStateProp;
  }
  </code></pre>
  
  <p>The app state would look like this somewhere...maybe similar to what you would see in React Dev Tools...</p>
  
  <pre><code>...
  this.state: {
    item0: false,
    item1: false,
    item2: false
  }
  ...
  </code></pre>
  
  <p>Not sure if this is doable...thanks in advance.</p>