javascript - React JSX コンパイル

Question

リンクをクリックしたときに「アクティブ」というクラス名をリンクに追加しようとしています。この JSX をコンパイルできません。

      <li onClick={this.showDeals}><a className={(this.props.panel == 'deals') ? 'active' : ''>Deals</a></li>
      <li onClick={this.showTasks}><a className={(this.props.panel == 'tasks') ? 'active' : ''>Tasks</a></li>
      <li onClick={this.showActivities}><a className={(this.props.panel == 'activities') ? 'active' : ''>Activities</a></li>

私は何を間違っていますか？

ReactifyError: content.js: Parse Error: Line 740: Invalid regular expression while parsing file

Answer 1

を閉じる必要がありますclassName={...。