title: Set new state to an existing array state
body: <p>If I have a state that looks like this</p>
  
  <pre><code>this.state = {
  names: [
  "Snap, Crackle, Pop"
  ]
  }
  </code></pre>
  
  <p>Is it possible to create a new state by referring to an index number of an existing array?</p>
  
  <p>Something like this is suppose? This is just an example. </p>
  
  <pre><code>this.state = {
  names: [
  "Snap, Crackle, Pop"
  ],
  myName: this.state.names[0]
  }
  </code></pre>