如何自定义 react-bootstrap 组件？

Question

覆盖 css 类/自定义 react-bootstrap 组件的最佳方法是什么？ - （我已阅读文档，除非我遗漏了什么，否则不包括在内）。

根据我的阅读，它似乎是在内联样式（镭）和 css 模块之间的选择，但哪个更好，为什么？

原文由 AloeVeraForty 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我不确定这是否回答了您的问题，但 文档 清楚地提供了示例。例如 按钮

道具

+--------+----------+--------+------------------ ----------------------+
|名称 |类型 |默认|说明 |
+--------+----------+--------+------------------ ----------------------+
|bs类|字符串 | '按钮' |组件的基本 CSS 类和前缀|
+--------+----------+--------+------------------ ----------------------+

可以修改这个以将自定义 CSS 类添加到 Button 组件。组件也可以通过设置 componentClass 来改变。

 <Button type="submit" onClick={this.submit}
 bsClass='custom-class'
>
</Button>

其中 custom-class 是可以

为组件提供新的、非 Bootstrap 的 CSS 样式。

摆弄如何使用 bsClass 的 例子。

内联样式：

根据 bug filled，官方将不支持内联样式。

你想使用实际的样式道具。 bsClass 用于调整将 bootstrap css 类应用于组件而非内联样式的方式

但 问题 指出：

如果你愿意，你可以自由使用它们。我们没有正式意见。

注意 并非所有由 react-bootstrap 提供的组件都允许通过 bsClass 进行类自定义，例如 Breadcrumb

原文由 wolendranh 发布，翻译遵循 CC BY-SA 4.0 许可协议