陣營，引導加拉右按鈕

JSX使用我有以下的陣營，引導：陣營，引導加拉右按鈕

<Button bsStyle="danger pull-right" bsSize="small" onClick={() => {alert('do stuff')}}> 
    <Glyphicon glyph="trash" /> 
</Button>

然而，這將顯示在控制檯的警告：

Warning: Failed prop type: Invalid prop `bsStyle` of value `danger pull-right` supplied to `Button`, expected one of ["success","warning","danger","info","default","primary","link"].

什麼是最好的將pull-right添加到樣式列表的方法？

上面的代碼確實有效，但我不希望在控制檯中有任何警告。

來源

2016-10-24 X-Istence

@AndrewLi bsClass前置到在bsStyle值。這不起作用。 –

如何使用'className'？ – Li357

這確實有效！回答這個問題，我將它標記爲回答:-) –

如果你看一看React-Bootstrap Components，你會發現道具組件Button的bsStyle只接受以下值：

"success", "warning", "danger", "info", "default", "primary", "link"

基於在警告消息中提到的視覺外觀。如果你打算使用引導的pull-right類，只需使用className屬性，該屬性將設置類組件：

<Button className="pull-right" bsStyle="danger" bsSize="small" onClick={() => {alert('do stuff')}}> 
    <Glyphicon glyph="trash" /> 
</Button>

來源

2016-10-24 05:14:58 Li357

陣營，引導加拉右按鈕

回答

相關問題