title: How can I render my component X amount of times based on a selector?
body: <p>I've got a "select" component that selects the number of forms I want to display below.
  The form is a single component and I want to reuse it. It needs do have an independent state so I can use how many fields I want for the same form (an array of fields). Any hints about How can I render this component multiple please?</p>
  
  <pre><code>const indexes = [1, 2, 3];
  
  const MyComponent = () =&gt; {
    const [numberOfUnits, setNumberOfUnits] = useState(1);
  
    const Form = () =&gt; &lt;p&gt;my form&lt;/p&gt;;
  
    return (
        &lt;select onChange={e =&gt; setNumberOfUnits(e.target.value)}&gt;
          {indexes.map(index =&gt; (
            &lt;option key={index} value={index}&gt;
              {index}
            &lt;/option&gt;
          ))}
        &lt;/select&gt;
  
      //Here I should render X (numberOfUnits) amount of times of the Form component 
    );
  };
  </code></pre>