title: Constructing HTML with IF ELSE
body: <p>Hi I am trying to create HTML inside render where some of the portion is dependent on a condition which I am putting in IF ELSE. But if statement is been treated as plain text and not getting result as expected. Can someone tell me where am I wrong?</p>
  
  <pre><code>render(){
      console.log('email'+this.state.email);
  
      var html =  &lt;Navbar style={styles.menu} color="faded" light expand="md"&gt;
          &lt;NavbarBrand style={styles.image} href="/"&gt;&lt;img  src="../../images/op-logo.jpg"/&gt;&lt;/NavbarBrand&gt;
          &lt;NavbarToggler onClick={this.toggle} /&gt;
          &lt;Collapse isOpen={this.state.isOpen} navbar&gt;
            &lt;Nav className="ml-auto" navbar&gt;
              &lt;NavItem&gt;
                &lt;NavLink href="/tournaments"&gt;Tournaments&lt;/NavLink&gt;
              &lt;/NavItem&gt;
              &lt;NavItem&gt;
                &lt;NavLink href="/players-ladder"&gt;Ladder&lt;/NavLink&gt;
              &lt;/NavItem&gt;
              if (this.state.email!='') {
                ('Welcome' + this.state.email+&lt;NavItem&gt;&lt;NavLink href="/logout"&gt;Logout&lt;/NavLink&gt;&lt;/NavItem&gt;)
              } else {
                (&lt;NavItem&gt;&lt;NavLink href="/login"&gt;Login/Signup&lt;/NavLink&gt;&lt;/NavItem&gt;)
              }
            &lt;/Nav&gt;
          &lt;/Collapse&gt;
        &lt;/Navbar&gt;
  
      return (
        &lt;div&gt;
          {html}
        &lt;/div&gt;);
    }
  </code></pre>