如何在react-bootstrap中添加面板页眉和页脚中的组件？

Question

在经典的引导，这种结构很简单：

<div class="panel panel-danger"> 
    <div class="panel-heading"> 
    Some HTML including a drop-down. 
    </div> 
    <div class="panel-body"> 
    Panel body, lots of HTML here 
    </div> 
    <div class="panel-footer"> 
    <button class="btn btn-default">Click me</button> 
    </div> 
</div> 

在反应的自举的实施，似乎没有包括在面板页眉或页脚进一步HTML的方式吗？

Answer 1

试试这个

<Panel 
    header="Some HTML including a drop-down." 
    footer={<Button> Click me</Button>} 
    bsStyle="danger" 
    > 
    Panel body, lots of HTML here 
    </Panel> 

您可以使用其他道具引导反应的document