title: Rendering a new Component with React Hooks onClick
body: <p>I am trying to generate a new form when you click a button. I want to do this with hooks. I am struggling to wrap my head around what I need to do, below is an example function and the button. Any help is appreciated.</p>
  <pre><code>const addStudent = () =&gt; {
      console.log(&quot;clicked&quot;)
      
      return(
          
          &lt;Container&gt;
              &lt;Form form=&quot;First Name&quot; type=&quot;text&quot; placeholder=&quot;First Name&quot;/&gt;
              &lt;Form form=&quot;Last Name&quot; type=&quot;text&quot; placeholder=&quot;Last Name&quot;/&gt;
              &lt;Form form=&quot;Date of Birth&quot; type=&quot;date&quot;/&gt;
              &lt;Form form=&quot;School ID&quot; type=&quot;text&quot;/&gt;
              &lt;Form form=&quot;Campus&quot; type=&quot;text&quot;/&gt;
              &lt;Form form=&quot;School Grade&quot; type=&quot;text&quot;/&gt;
          &lt;/Container&gt;
          
  
      )
          
      
      console.log(setStudent)
  }
  </code></pre>
  <pre><code>              &lt;button onClick={addStudent}&gt;Add Another Student&lt;/button&gt;
  </code></pre>