React-Bootstrap / Panel / Font Awesome - 我如何在面板的标题中有一个字体真棒图标

Question

对于一个面板，我想在标题中有一个带有一些标题的字体真棒图标。我该怎么做？

想要使用：

<Panel header = "Panel Title" bsStyle="primary">
</Panel>

但我需要这样的事情：

<div class="panel-heading">
     <i class="fa fa-list-alt fa-fw"></i> Panel Title
</div>

Answer 1

我记得你可以在标题属性中添加一个元素

<Panel header={<div><span className="fa fa-list-alt fa-fw"></span> <span>Header</span></div>}>Content</Panel>

或

const title = (
  <div>
     <span className="fa fa-list-alt fa-fw"></span>
     <span>Header</span>
  </div>
);

<Panel header={title}>Content</Panel>

希望这会有所帮助。