title: Multiselect in React Component - how to set state with all selected values?
body: <p>I have problem with adding all selected values to the state (hooks). This is example of my code:</p>
  
  <pre><code>   &lt;div className="row"&gt;
          &lt;div className="input-field col s12"&gt;
            &lt;select multiple onChange={props.handleSelectedMultiple} id="balcony"&gt;
              &lt;option value="" disabled&gt;
                Brak
              &lt;/option&gt;
              &lt;option value="Balkon"&gt;Balkon&lt;/option&gt;
              &lt;option value="Taras"&gt;Taras&lt;/option&gt;
              &lt;option value="Ogród"&gt;Ogród&lt;/option&gt;
              &lt;option value="Loggia"&gt;Loggia&lt;/option&gt;
              &lt;option value="Taras na dachu"&gt;Taras na dachu&lt;/option&gt;
            &lt;/select&gt;
            &lt;label&gt;Balkon&lt;/label&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>and function: </p>
  
  <pre><code> const handleSelectedMultiple = e =&gt; {
      console.log(e.target.value);
    };
  </code></pre>
  
  <p>The problem is that in console.log apears the value from FIRST SELECTED OPTION, so when I choose in this order Taras, Ogród, Loggia, in console i have (3)Taras. The goal is to add to state all selected values. </p>
  
  <p>Anyone?</p>