title: React, how do I embed <br/> in jsx expressions
body: <p>I'm rendering different texts depending on a given variable, and I simply want to render <br /> at a particular variable within h2 tag.</p>
  
  <p>I tried using regex \r and \n (and the combination) to render, but it hasn't work.</p>
  
  <pre><code>
  render() {
  
    let {tracker} = this.props, headline;
  
    switch(tracker){
      case 1:
       headline = 'That is amazing!'
       break;
      case 2:
       headline = 'Too bad.&lt;br /&gt;Try again'
       break;
    }
  
    return(
      &lt;h2&gt;{headline}&lt;/h2&gt;
    )
  }
  
  </code></pre>