twitter-bootstrap - React-bootstrap 制作一个有标题但没有正文的面板

Question

react-bootstrap库中<Panel>定义了元素。如何渲染带有标题而没有正文的面板？

<Panel header="header text"></Panel>

和

<Panel header="header text" />

给我只是

<div data-reactid=".0.1.0.0.0.0" class="panel panel-default">
  <div data-reactid=".0.1.0.0.0.0.0" class="panel-heading">header text</div>
  <div data-reactid=".0.1.0.0.0.0.1:$0" class="panel-body"></div>
</div>

如何使用panel-body类删除不必要的 div？

Answer 1

您可以只包含 react-bootstrap 的 css 文件并执行

<div className="panel-heading" > whatever you want to write</div>