在 ReactJs 中使用 Bootstrap/React Bootstrap 时无法使用表类名

Question

我想在我的 ReactJs-Spring 项目中包含 react-bootstrap 主题。

我已根据其网站上的教程链接资源，如下所示：

<script src="https://unpkg.com/react@latest/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@latest/dist/react-dom.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-bootstrap/0.31.0/react-bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />

我这样对表格元素进行编码：

<table className="table table-striped">                         
   <tr>
     <th>Name</th>
     <th>Age</th>
     <th>Years</th>
     <th>Delete</th>
   </tr>                           
</table>

但在网站上，它没有任何变化：

谁能帮我解决这个问题？谢谢

Answer 1

尝试添加thead 和tbody 元素，例如：

<table className="table table-striped">
  <thead>            
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>Years</th>
      <th>Delete</th>
    </tr>    
  </thead>  
  <tbody>
    ...
  </tbody>                       
</table>