title: How to use a condition in react component within semantic ui dropdown menu component
body: <p>I would like to build a little dropdown menu (I'm using semantic-ui-react). But in my case I need a condition depending part of this menu.</p>
  
  <p>This is what I came up with, but it won't work, as it would have to be wrapped. So how should I create this dropdown menu in a correct way to get two menu subblocks with header, divider and items if the <code>ifThisIsTrue</code> has true value?</p>
  
  <pre><code>render() {
      const ifThisIsTrue = true
      return (
          &lt;Dropdown icon='cogs' className='icon settings'&gt;
              &lt;Dropdown.Menu&gt;
                  {
                      ifThisIsTrue &amp;&amp;
                          &lt;Dropdown.Header icon='cogs' content='Label' /&gt;
                          &lt;Dropdown.Divider /&gt;
                          &lt;Dropdown.Item value='default'&gt;Standard&lt;/Dropdown.Item&gt;
                          &lt;Dropdown.Item value='something'&gt;Something&lt;/Dropdown.Item&gt;
                          &lt;Dropdown.Item value='else'&gt;Else&lt;/Dropdown.Item&gt;
                  }
  
                  &lt;Dropdown.Header icon='cogs' content='Edit' /&gt;
                  &lt;Dropdown.Divider /&gt;
                  &lt;Dropdown.Item&gt;Delete&lt;/Dropdown.Item&gt;
                  &lt;Dropdown.Item&gt;Edit&lt;/Dropdown.Item&gt;
              &lt;/Dropdown.Menu&gt;
          &lt;/Dropdown&gt;
      )
  }
  </code></pre>