title: React: I want to make a function that renders a new component with onClick EVERY TIME it's clicked
body: <p>I'm creating a kanban board. I'm trying to create a button that adds a new card.</p>
  <p>So far I've been able to create a conditional with states that will essentially toggle a card. It'll appear when clicked and disappear when the button is clicked again, which is not what I want so I started over.</p>
  <p>This is the function I want to call onClick. The message logs in the console when the button is clicked but the KanBanCard component is unresponsive and there are no errors.</p>
  <pre><code>newCard() {
          console.log(&quot;New card being displayed&quot;);
  
          return (
              &lt;div&gt;
                  &lt;KanBanCard /&gt;
              &lt;/div&gt;
          )
  
      }
  </code></pre>
  <p>My button rendering:</p>
  <pre><code>return (
              &lt;main&gt;
                  &lt;button onClick={this.newCard} className=&quot;card-add&quot;&gt;
                      +
                  &lt;/button&gt;
              &lt;/main&gt;
              
          )
  </code></pre>