title: Set multiple properties from a form selection to state
body: <p><strong> CODE DUPLICATION </strong></p>
  <p>So I am trying to have an inital state object like: <code>{prop1: val1, prop2: val2}</code> and get seperate values from two <code>&lt;selection&gt;</code> fields.<br>
  I am having problems with getting each <code>event.target.value</code> on submit.<br><br>
  The only solution I came up with is splitting the original state into different objects, duplicate the handler functions and merge them on submit. But as you can see this is getting ugly pretty quick, I am sure that this could be optimized but I am getting nowhere with the unique event handlers.</p>
  <pre><code>const [firstSelection, setFirstSelection] = useState({color: 'green'})
  const [secondSelection, setSecondSelection] = useState({time: 'evening'})
  
  const handleFirstChange = e =&gt; setFirstSelection({ color: e.target.value })
  const handleSecondChange = e =&gt; setSecondSelection({ time: e.target.value })
  
  const getSelection = e =&gt; {
      e.preventDefault()
      console.log({...firstSelection, ...secondSelection})
  }
  
  const Form = () =&gt; {
      return (
          &lt;form&gt;
              &lt;div className='selectWrapper'&gt;
                  &lt;select name='color' value={firstSelection.color} onChange={handleFirstChange}&gt;
                      &lt;option value='red'&gt;Red&lt;/option&gt;
                      &lt;option value='blue'&gt;Blue&lt;/option&gt;
                      &lt;option value='yellow'&gt;Yellow&lt;/option&gt;
                      &lt;option value='green'&gt;Green&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/div&gt;
              &lt;div className='selectWrapper'&gt;
                  &lt;select name='time' value={secondSelection.time} onChange={handleSecondChange}&gt;
                      &lt;option value='morning'&gt;Morning&lt;/option&gt;
                      &lt;option value='evening'&gt;Evening&lt;/option&gt;
                      &lt;option value='night'&gt;Night&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/div&gt;
              &lt;input type='submit' value='Submit' onClick={getSelection}/&gt;
          &lt;/form&gt;
      )
  }
  </code></pre>