title: How can I render some JSX with onClick event?
body: <p>So I'm trying to render some JSX when a user presses a button, I'm trying to do this via onClick but it is not working, The JSX does not get rendered on the screen. Is there a way to do this? My code is like this:</p>
  <pre><code>function RandomScreen() {
      async function HandleClick() {
          // make API post request
          .then(function(response) {
              return (&lt;h1&gt;{response.data}&lt;/h1&gt;)
          })
      }
      return (
          &lt;button onClick={HandleClick}&gt;Click me&lt;/button&gt;
      )
  }
  </code></pre>