title: How to push event targets to an object in an array in state with onChange and setState()
body: <p>I'm trying to take an onChange event and push it to an array in state rather than just state. JSX and state below:</p>
  
  <pre><code>state = {
    draftboard: []
  }
  ....
  
  
  {picks.slice(0,2).map((pick) =&gt; (
    &lt;Form.Control   
      onChange={this.onChange}
      defaultValue={pick}
      className='mb-2'
      size='sm'
      name='name'
      label={incrementPicks()}
      as="select" &gt;
        {picks.map((pick) =&gt; (
          &lt;option&gt;{pick}&lt;/option&gt;
        ))}
    &lt;/Form.Control&gt;
  ))}
  </code></pre>
  
  <p>With my onChange being: </p>
  
  <pre><code>onChange = (e) =&gt; { 
    this.setState(state =&gt; {
      [e.target.name]: e.target.value
    }
  }
  </code></pre>
  
  <p>Problem is this just sets the state to</p>
  
  <pre><code>state: {
      [],
      name: 1
  }
  </code></pre>
  
  <p>and what I want is</p>
  
  <pre><code>state: {
      [{
         name: 1
      }]  
  }
  </code></pre>
  
  <p>How would I set this up properly? Thank you!</p>