reactjs - bit-src 没有显示 react bootstrap 的风格

Question

我已经用 CRA 和 react-bootstrap 制作了一个组件（按钮），并将它导出到 bit-src，该组件在没有样式的情况下呈现，但是我尝试用纯 CSS 推送它并且组件已经用它的样式，所以引导程序不适合 bit-src 还是我错过了什么？

Answer 1

（免责声明 - 我帮助维护Bit）

为了让 Playground 获取引导设计，您需要将其导入到示例 Bit 运行中。在示例本身中添加 react-bootstrap 的导入语句，并从那里导入设计。

Answer 2

对于任何陷入与我相同情况的人。问题是，当我在项目中使用 react-bootstrap 导入组件时，它缺少 react-bootstrap 渲染其样式所需的 css 文件。所以解决方案是安装 react-bootstrap 和 bootstrap。

npm install --save react-bootstrap bootstrap

并为 index.js 中的 css 文件添加一个导入

import 'bootstrap/dist/css/bootstrap.min.css';

简而言之，只需遵循 react-bootstrap 的获取说明部分即可解决问题。

而且我还认为在组件本身中添加 css import 可能会解决问题，但我还没有测试过。

Answer 3

您需要从这里全部导入。请仔细阅读文档。