如何在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