Javascript 如何将自定义外部css链接（如引导css）包含到单个REACT组件

我想添加一个从引导网站导入的自定义css，因为它不是一个css文件，我可以在react组件中导入 如何为React组件导入这种类型的css

<link href="https://getbootstrap.com/docs/4.5/dist/css/bootstrap.min.css" 
rel="stylesheet" integrity="sha384- 
9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" 
crossorigin="anonymous">

---

如果您使用

npm

管理React的依赖项，您可以将引导添加为依赖项并导入相关文件

示例：

在命令行中（在

package.json

文件所在的目录中）：

npm安装--保存引导

在组件代码中，其他导入的位置（通常在脚本部分的开头）：

导入'bootstrap/dist/css/bootstrap.min.css'；

---

这可能有一个警告：导入的样式可能与您的其他样式冲突，因此您可能必须确保这不会产生任何不利影响。

如果您使用npm或Thread来管理您的依赖项，您可以将Bootstrap添加到package.json并导入相关的sass文件。谢谢，是的，你是对的…导入的样式正在分发旧布局。你也可以在主scss文件中导入所需的零件。NPM中的引导包具有scss部分。你可以根据你需要什么，一个接一个地把它们包括进去。但是，它仍然可能导致布局问题（尽管可能性较小）。