react-bootstrap - React-Bootstrap向按钮添加右移

Question

我有以下使用React-Bootstrap的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添加到样式列表的最佳方法是什么？

上面的代码确实有效，但是我不希望控制台中有任何警告。

Answer 1

如果查看React-Bootstrap Components，您会看到组件bsStyle的prop Button仅接受以下值：

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

根据警告消息中提到的外观。如果打算使用Bootstrap的 pull-right类，只需使用 className属性即可设置该组件的类：

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