title: Make CSS Background disappear onclick with React
body: <p>The style within the div creates a red box. Upon clicking I want to remove it. Have tried implementing state but it wasn't working.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, { Component } from "react";
  
  class ClickMe extends Component {
    render() {
      return (
        &lt;div&gt;
          &lt;h1&gt;Disapearing Box&lt;/h1&gt;
          &lt;h3&gt;Click the Box, I dare you&lt;/h3&gt;
          &lt;div
            style={{
              height: "400px",
              width: "400px",
              background: "#ef8989",
              margin: "auto",
            }}
          &gt;&lt;/div&gt;
        &lt;/div&gt;
      );
    }
  }
  export default ClickMe;</code></pre>
  </div>
  </div>
  </p>
  <pre><code>    );
    }
  }
  export default ClickMe;
  </code></pre>