title: React JSX compiling
body: <p>I'm trying to add the class name "active" to links when they are clicked. I can't get this JSX to compile.</p>
  
  <pre><code>      &lt;li onClick={this.showDeals}&gt;&lt;a className={(this.props.panel == 'deals') ? 'active' : ''&gt;Deals&lt;/a&gt;&lt;/li&gt;
        &lt;li onClick={this.showTasks}&gt;&lt;a className={(this.props.panel == 'tasks') ? 'active' : ''&gt;Tasks&lt;/a&gt;&lt;/li&gt;
        &lt;li onClick={this.showActivities}&gt;&lt;a className={(this.props.panel == 'activities') ? 'active' : ''&gt;Activities&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>What am I doing wrong?</p>
  
  <pre><code>ReactifyError: content.js: Parse Error: Line 740: Invalid regular expression while parsing file
  </code></pre>