title: Dispaly specific page portion if checkbox value is true in react js
body: <pre><code>**Hide This Div If Checkbox is true **
  </code></pre>
   
      setOpenDisclaimer(false)
      }}>
       {
      setOpenDisclaimer(false)
      }} />
      
      {`Stocks (equities), options, futures, forex, and crypto involve a high degree of risk and are not suitable for all investors as the special risks inherent to trading may expose investors to potentially significant losses.`}
                  
                  
                      <code>                    /&gt;
                  }
                      label=&quot;Do Not Show This Message Again&quot;
                  /&gt;
              &lt;/div&gt;
  
              &lt;DialogActions style={{ justifyContent: &quot;space-between&quot; }}&gt;
                  &lt;Link to=&quot;/terms&quot;
                      style={{ textDecoration: &quot;none&quot; }}
                      className={classes.link}&gt;
                      &lt;strong&gt;Learn More&lt;/strong&gt;
                  &lt;/Link&gt;
                  &lt;Button
                      type=&quot;submit&quot;
                      style={{ backgroundColor: '#3b3591', color: '#FFFFFF', textTransform: &quot;none&quot;, }}
                      text={&quot;I Agree&quot;}
                      onClick={() =&gt; {
                          setOpenDisclaimer(false)
                      }}&gt;
                      I Agree
                      &lt;/Button&gt;
              &lt;/DialogActions&gt;
          &lt;/Dialog&gt;
  </code>
  <p><strong>This one is the whole dialogue box that I want to hide if Checkbox value is set to True</strong></p>