title: React dynamic select with button
body: <p>I have an object array that looks like this:</p>
  <pre><code>const polls = [
      {
          title = &quot;poll1&quot;,
          options = &quot;option1;option2;option3&quot;
          returnAddress = &quot;xYn38akn[...]&quot;
      },
      {
          title = &quot;poll2&quot;,
          options = &quot;optionA;optionB;optionC&quot;
          returnAddress = &quot;nJb3enH[...]&quot;
      },
  ]
  </code></pre>
  <p>what I want to do is based on this array of object, to add a select-element (dropdown) with the possible options and a button, that calls onSend(returnAddress, selectedOption) with the returnAddress of the corresponding poll and the selected option.</p>
  <p>Is it possible, to dynamically create this select and button per poll, so that every select has only the possible option of the corresponding poll and the button calls the onSend method with the selected option from the select and the returnAddress of the corresponding poll?</p>
  <p>I've managed to get it to work when there is only one poll by having a state and setting it in the select:</p>
  <pre><code>const [selectedOption, setSelectedOption] = useState('')
  
  function handleSelectedOptionChange(event: { target: { value: React.SetStateAction&lt;string&gt;; }; }) { 
      setSelectedOption(event.target.value);
  }
  
  [...]
  
  &lt;Select 
    [...]
    value={selectedOption}
    onChange{handleSelectedOptionChange}
    [...]
  &gt;
  </code></pre>
  <p>but of course this doesn't work with multiple polls...
  Sorry if that is a dumb question, it's the first thing I'm trying in React :-)</p>
  <p>Thanks in advance!</p>