React應用中的Bootstrap nav

我試圖在React + Electron應用中實現Bootstrap導航。React應用中的Bootstrap nav

這是JSX代碼，我已經寫了：

render: function() { 
    if (this.state.loading) { 
    return (
     <div className="jumbotron"> 
     <h1 className="display-3">Let us load your data</h1> 
     <p>It may take a while</p> 
     </div> 
    ); 
    } 

    return (
    <div> 
     <ul className="nav nav-pills nav-stacked"> 
     <li role="presentation" className="active"> 
      <a href="#"> 
      Home 
      </a> 
     </li> 
     <li role="presentation"> 
      <a href="#"> 
      Profile 
      </a> 
     </li> 
     </ul> 
    </div> 
); 
}

而這就是呈現：

這好像nav-pills，nav-stacked和active類不渲染。

我也試圖呈現一個表：

return (
    <div> 
    <table className="table table-striped table-bordered"> 
     <tbody> 
     <tr> 
      <th>1</th> 
      <th>2</th> 
      <th>3</th> 
     </tr> 
     <tr> 
      <td>4</td> 
      <td>5</td> 
      <td>6</td> 
     </tr> 
     <tr> 
      <td>7</td> 
      <td>8</td> 
      <td>9</td> 
     </tr> 
     </tbody> 
    </table> 
    </div> 
);

而這一次按預期工作：