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>