如何在React引导中向按钮添加向右拉？

Question

我使用React引导实现了以下JSX：

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

这确实有效，但在控制台中会显示一条警告：

警告：失败的道具类型：无效的道具bsStyle值危险向右拉提供给按钮，预期为[“成功”、“警告”、“危险”、“信息”、“默认”、“主要”、“链接”]之一。

什么是添加拉右到样式列表的最佳方法？我不想在我的控制台上有任何警告。

Answer 1

在采用引导程序5后，他们更改了React引导程序，现在右侧浮动为浮动端，右侧浮动sm为浮动sm端

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

Answer 2

现在React Bootstrap使用了Bootstrap 4，请使用Flovery-right，Flovery-sm-right等：

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

Answer 3

如果查看React引导组件，您将看到组件按钮的propbsStyle仅接受以下值：

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

根据警告信息中提到的视觉外观。如果您打算使用Bootstrap的右拉类，只需使用class Name属性，该属性将设置该组件的类：

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