React-Bootstrap/Panel/Font Awesome - Wie habe ich ein font awesome Symbol in der Kopfzeile eines Panels

Question

Für ein Panel, wollte ich eine Schriftart super Symbol in der Kopfzeile mit einem Titel haben. Wie mache ich das?

verwenden möchten:

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

Aber ich brauche etwas wie folgt aus:

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

Answer 1

wie ich mich erinnere Sie können ein Element in dem Header-Attribut hinzufügen

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

oder

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

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

hoffe das hilft.