burgerを追加ブートストラップのサイドバーにアイコンを追加

Question

私はサイドバーにバーガーメニューを追加しようとしています。 私は、ブートストラップ、サイドバーを使用しています - バージョン3.3.7を、私のbootstrap.min.cssは私のフォルダにコピーします：

<link rel="stylesheet" type="text/css" href="/bower_components/bootstrap/dist/css/bootstrap.min.css"/> 

コード：

const contentHeader = (
    <span> 
     <a href="#" onClick={this.menuButtonClick}> 
     <span class="glyphicon glyphicon-menu-hamburger">=</span> 
     </a> 
     <span> My Site - {this.state.selected}</span> 
    </span>); 

私がアイコンを見ることができないウェブサイトを実行しているとき、私はサイトをデバッグしようとしました 私は編集時にこの要素が空であることを縫いました要素を編集し、class = "glyphicon glyphicon-menu-hamburger"を追加すると、バーガーアイコンが表示されます。私はアイコンが常に表示されるように作ることができる方法を
image of the debug of the element

？

Answer 1

あなたはJSX + Reactをその構文から使用していると思います。この場合、html属性でclassNameでなくclassNameを使用する必要があります。

Atomエディターを使用することをお勧めします。