Reactjs “我如何设计风格？”；选项卡示例"；来自blueprintjs？

我正试图在一个小项目中使用BlueprintJs，但我遇到了一个问题，即样式并不像我预期的那样出现。我相信这很简单，我希望有人能给我指出正确的方向

我想使用他们的核心库中的组件，只是想了解如何使用我决定使用的组件，并使用它。为此，我使用npx create react app MyApp--template typescript创建了一个新项目，将以前包含在新组件中的GitHub链接中的文本包含在其中，并从app.tsx导入和加载该组件：

。。。
从“/tabs-example”导入{TabsExample}”；
常量应用程序：React.FC=（）=>{
返回(
);
};

其中TabsExample只是BlueprintJs中的原始组件示例。起初，我希望运行应用程序并获得与文档中相同的外观，因为我认为BlueprintJs组件已经带有一些默认样式，但我得到的是纯文本页面，没有样式也没有标签：显然样式不是预定义的，所以我想包括一些具有BlueprintJs理解的值的类名，以尝试提供一些样式，我的

和

组件现在看起来如下：

。。。
...

但我仍然得到相同的纯文本页面。如何设置此示例的样式，使其与文档中的样式相同

---

谢谢

您可以在您的组件中使用自己的css，这些css可以从您的组件导入到导入区域：

---

导入“@blueprintjs/core/lib/css/blueprint.css”

如果您使用CSS，您应该能够简单地从index.js文件中的blueprint包导入CSS文件

import "@blueprintjs/core/lib/css/blueprint.css";
import "@blueprintjs/icons/lib/css/blueprint-icons.css";

或者如果您使用SCSS

@import "@blueprintjs/core/src/blueprint.scss";
@import "@blueprintjs/icons/src/blueprint-icons.scss";
@import "@blueprintjs/core/lib/scss/variables.scss";