阵营，引导加拉右按钮

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

阵营，引导加拉右按钮

回答

相关问题