Javascript 样式化组件&x2B；reactstrap如何在其他样式表之后导入引导样式表

我需要在我的一些项目中使用引导，我遇到的一个问题是，出于某种原因，引导样式表优先于样式化组件样式

import "bootstrap/dist/css/bootstrap.
const StyledButton = styled(Button)`
  background: blue;
`;

预期结果：在我的组件中使用背景说明符字段 实际结果：StyledButton具有默认的引导背景

示例如下：

我目前正在我的index.js中导入引导，如下所示：

import "bootstrap/dist/css/bootstrap.css";

有没有办法强制它最后加载？我也在使用CreateReact应用程序，就像在代码笔中一样

我不想把

&&&{
}

---

您可以将此导入语句放在html文件标题的底部。如果您有css或scss导入，只需将其放在下面即可

您可以将此导入语句放在html文件头的底部。如果您有css或scss导入，只需将其放在下面即可

你的样品似乎工作正常试试我的答案这里你的样品似乎工作正常试试我的答案这里