title: Using a ternary operator to return HTML
body: <p>I know how to use a ternary operator like this:</p>
  
  <pre><code>{ this.state.showThanks ? 'Thanks for your response!' : null }
  </code></pre>
  
  <p>But I would like to render html and then remove that html on click</p>
  
  <pre><code>    { this.state.showThanks ? &lt;input type="submit" className="decisionButtons" id="canDecisionButton" value="I can play" onClick={() =&gt; this.canPlay()}/&gt;
                  &lt;input type="submit" className="decisionButtons" id="cantDecisionButton" value="I cannot play" onClick={() =&gt; this.cannotPlay()}/&gt;
    : 'Thanks for your response!' }
  </code></pre>
  
  <p>I tried something like the above but am getting errors so how can I place html inside a ternary in my react render method?</p>