title: ReactJS syntax for if else with map function in branch
body: <p>I'm new to React and struggling with the syntax. I have this block as a div inside my render function. Every change I make goes from one syntax error or another or just doesn't work.</p>
  
  <pre><code>&lt;div className="skillSection"&gt;
  {        
      if (this.state.challengeChoices.length &lt; 0) {                               
           this.state.challengeChoices.map((para2, i) =&gt;
               &lt;ChallengeSkill key={i} {...para2} callback={this.madeSelection} /&gt;)
      }
      else {
          return &lt;div&gt;Hello world&lt;/div&gt;
      }   
  }   
  &lt;/div&gt;
  </code></pre>