Javascript react引导-向按钮添加自定义bsStyle属性

我正在为我的项目使用react引导，并尝试向按钮组件添加自定义bsStyle属性。如果根据以下链接使用默认引导类，则正确呈现类名。但是，如果我将属性更改为

bsStyle='facebook'

，则会导致btn未定义

简而言之，当我在react引导中将bsStyle属性传递给组时，我不知道哪里出了问题

这是我的HTML看起来像

<Button id="facebook-btn" bsStyle="facebook" bsSize="large" block>
</Button>

如果我把代码改成

<Button id="facebook-btn" bsStyle="primary" bsSize="large" block>
</Button>

它工作正常，并且类被正确地呈现

这是控制台html日志

---

bsStyle的可用值如下所示：

• 初级的
• 成功
• 信息
• 警告
• 链接

---

因此，当它尝试查找facebook样式时，它失败了，因此它被设置为未定义。

您是否看到此拉取请求：。我将很快发布一个包含此更改的版本。

通过在我的根组件中定义以下内容，使其与

样式图一起工作：

使用react引导程序0.23.7

编辑：

现在使用react bootstrap 0.30.x

编辑2：

官方文件链接：

编辑3：

当我将我的设置从browserify迁移到webpack2时，它不再使用此语法，但将其更改为此语法仍然有效：

// import Button  from 'react-bootstrap/lib/Button'; // previous
import {Button}   from 'react-bootstrap';

有什么方法可以设置自定义样式吗？另一个选项是为例如className=“btn facebook”手动设置类名，但默认bsStyle为“btn default”，它会覆盖btn facebook样式。设置类名并使您的样式在引导后加载，或者通过比引导样式更具体的方式设置更大的权重。或使用！重要提示（不推荐）。是的，我在git上为此创建了一个问题，修复程序已于今天上午推送到master branch。
import {addStyle} from 'react-bootstrap/lib/utils/bootstrapUtils';
import Button     from 'react-bootstrap/lib/Button';

addStyle(Button, 'facebook'); // can add more params for more styles

// import Button  from 'react-bootstrap/lib/Button'; // previous
import {Button}   from 'react-bootstrap';